JQuery键入限制

Question

好的，第一次在这里，我已经有问题了。我需要创建打字限制。。因此，当达到0时，用户无法再键入。。

$('#text_area').keyup(function() {
    var max_length = 55;
    var area_length = $(this).val().length;
    var remaining_text = max_length - area_length;
    $('#area_feedback').html(remaining_text + ' characters left');
    if (remaining_text <= 0) {
        $(this).css('color','red');
        //what goes here ?
    } else {
        $(this).css('color','black');
    }
});

Answer 1

尝试使用keypress事件处理程序。

像这样：实时演示

$('#text_area').keypress(function(e){
    var max_length = 55;
    var area_length = $(this).val().length;
    var remaining_text = max_length - area_length;
    $('#area_feedback').html(remaining_text + ' characters left');
    if(remaining_text <= 0){
        $(this).css('color','red');
        e.preventDefault();
        return false;
    }
    else{
        $(this).css('color','black');
    }
}); 

Answer 2

也许这个jquery插件可以帮助您

http://www.stjerneman.com/demo/maxlength-with-jquery

Answer 3

您应该尝试一下：使用KeyPress事件并设置文本区域的最大长度，如下所述。。

$('#text_area').keypress(function(){
   var max_length = 55;
   $('#text_area').attr('maxlength',max_length); //sets the max length of textbox to 55
   var area_length = $(this).val().length;
   var remaining_text = max_length - area_length;
   $('#area_feedback').html(remaining_text + ' characters left');
   if(remaining_text <= 0){
      $(this).css('color','red');          
   }
   else{
      $(this).css('color','black');
   }
});