Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
  
<body>
  
    <input type="text"/>
</body>
  
</html>
 
I think I remember what the deal is: either FF or IE (I think it's FF) returns a different string when Javascript checks the "value" attribute than what it sends back to the server when the form is posted! It has something to do with how hard line breaks do/don't get a carriage return character inserted. It's easy to figure out with some debug code on the client and server sides.
 
$(document).ready(function(){
function limits(obj, limit){
alert('toto');
    var text = $(obj).val(); 
    var length = text.length;
    if(length > limit){
      alert("You cannot enter more than 100 characters into the textarea.");
      $(obj).val(text.substr(0,limit));
     } else { 
      console.log(limit -length+ " characters remaining!");
     }
 }
$('input').on('keyup', function(){
    limits($(this), 10);
});
  });
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers