限制輸入字段中的字符數

Question

我想使用jquery來限制可編輯div（或表單輸入）中的字符數。在input標籤

<input type="text" maxlength="20" /> 

Answer 1

至於你可以使用maxlength屬性輸入字段。如果您正在尋找DIV，檢查以下，

 $(function() { 

      $ ('#editable_div').keydown (function (e) { 
       //list of functional/control keys that you want to allow always 
       var keys = [8, 9, 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 46, 144, 145]; 

       if($.inArray(e.keyCode, keys) == -1) { 
        if (checkMaxLength (this.innerHTML, 15)) { 
         e.preventDefault(); 
         e.stopPropagation(); 
        } 
       } 
      }); 

      function checkMaxLength (text, max) { 
       return (text.length >= max); 
      } 
     }); 

     <div id="editable_div" contentEditable="true" onclick="this.contentEditable='true';" >TEXT BEGIN:</div> 

編輯：你應該重寫checkMaxLength函數忽略製表符和換行符

Answer 2

化妝用的maxlength如果你想使用jQuery的，你可以自己寫一些東西或者只是使用現有的插件，如this one。

但我同意dku.rajkumar ...使用maxlength屬性有什麼問題？

<input type="text" maxlength="15" /> 

如果你是最大的JQuery風扇不斷雖然拼命地想一次做這樣的事情的maxlength設置爲所有輸入的字段：

$(document).ready(function() { 
    $('input[type="text"]').attr({ maxLength : 15 }); 
}); 

只要記住，雖然這個方法（JQuery的）不適用於JavaScript（禁止任何JavaScript）的人。儘管input標記的maxlength屬性適用於所有瀏覽器上的所有人。

Answer 3

Answer 4

只使用稱爲「maxlength」的屬性。您可以在w3 input

Answer 5

瞭解更多關於輸入的屬性。假設它是表單輸入。
你可以用'maxlength'屬性來做，但如果你說'使用jQuery'，
這裏的解決方案。

$('input#limited').attr('maxlength', '3'); 

，或者你可以檢查每一個按鍵

$('input#limited').keypress(function() { 
    /* 
    check for 3 or greater than 3 characters. 
    If you check for only greater than 3, then it will let 
    you write the fourth character because just before writing, 
    it is not greater than three. 
    */ 
    if($(this).val().length >= 3) { 
     $(this).val($(this).val().slice(0, 3)); 
     return false; 
    } 
}); 

Answer 6

MAXLENGTH屬性 - 爲瀏覽器，支持此功能。
Javascript - 對其他人。

<input class="test-input" type="text" maxlength="12" /> 
<script> 
$('.test-input').unbind('keyup change input paste').bind('keyup change input paste',function(e){ 
    var $this = $(this); 
    var val = $this.val(); 
    var valLength = val.length; 
    var maxCount = $this.attr('maxlength'); 
    if(valLength>maxCount){ 
     $this.val($this.val().substring(0,maxCount)); 
    } 
}); 
</script> 

http://jsfiddle.net/tvpRT/

Answer 7

這應該爲你工作，我認爲。

HTML

<input type="text" name="myText" id="myText" data-maxlength="10" /> 

jQuery的

$('#myText').keyup(validateMaxLength); 

function validateMaxLength() 
{ 
     var text = $(this).val(); 
     var maxlength = $(this).data('maxlength'); 

     if(maxlength > 0) 
     { 
       $(this).val(text.substr(0, maxlength)); 
     } 
}