設置maxlength輸入JQuery失敗

Question

我想爲使用JQuery的input[type='text']作爲用戶輸入設置maxlength屬性。所以當input[type='text']達到最大值時，它不會繼續。

這裏是我的代碼

$(document).ready(function(){ 
    $('input#nama').keyup(function(){ 
     if(check($('input#username'),5)){ 
      e.preventDefault(); 
      e.stopPropagation(); 
     } else { 
      $('input#username').val($(this).val()); 
     } 
    }); 

    function check(text,max){ 
     if(text.length > 5){ 
      return true; 
     } else { 
      return false; 
     } 
    } 
}); 

的問題是input[type='text']繼續充滿雖然它已經達到了最大值

Answer 1

由於check函數的第一個參數是string和你逝去的DOM對象。雖然調用函數check傳遞值input而不是傳遞完整的對象。考慮以下幾點：

check($('input#username').val(),5) 
         ^^^^^^ ===> //Calling function pass value 

完整代碼：

$(document).ready(function(){ 
    $('input#nama').keyup(function(){ 
     if(check($('input#username').val(),5)){ //updated here 
      e.preventDefault(); 
      e.stopPropagation(); 
     } else { 
      $('input#username').val($(this).val()); 
     } 
    }); 

    function check(text,max){ 
     if(text.length > 5){ 
      return true; 
     } else { 
      return false; 
     } 
    } 
});