jquery - jQuery入力は数字/桁を4に制限しますが、テキストは無限の長さにすることができます

Question

4 つの数字/桁に制限された入力を行うにはどうすればよいですか? テキストを入力すると、文字の長さは無限になりますか?

最終的な作業コード:

    function isNumber (o) {
  return ! isNaN (o-0);
}

$("#txt").keyup(function(e){
    txtVal = $(this).val();  
     if(isNumber(txtVal) && txtVal.length>4)
     {
         $(this).val(txtVal.substring(0,4) )
           $(".error").html("4 Numbers Only").show();
      return false;
     }
});
});

Answer 1

ライブデモ

HTML

 <input id="txt1" type="text" name="usrname" />​

ジャバスクリプト

function isNumber (o) {
  return ! isNaN (o-0);
}  

$("#txt1").keyup(function(e){
txtVal = $(this).val();  
 if(isNumber(txtVal) && txtVal.length>4)
 {
     $(this).val(txtVal.substring(0,4) )
 }
});

Answer 2

値が数値であるかどうかを確認し、4 文字を超えると検証がトリガーされます。

$("#yourField").change(function(e){
     if(isNaN($(this).val()) && $(this).val().length > 4)
     {
        //trigger validation
     }
});

Answer 3

HTML

<input type="text" class="numeric" />

Jクエリ

$('.numeric').keypress(function(e) { 

var verified = (e.which == 8 || e.which == undefined || e.which == 0) ? null : String.fromCharCode(e.which).match(/[^0-9]/);
if (verified || e.delegateTarget.value.length>3 || e.ctrlKey ==true) { if(e.which!=8 ){e.preventDefault();}}

}).on('paste',function(e){ e.preventDefault();});

実施例

http://jsfiddle.net/nadeemmnn2007/C4Y99/52/