のJavaScript：数字と最大長

Question

と携帯電話番号の検証私はタイプ数のテキストボックスを持っている

以下のように私は要件を持っているJSを持ってしようとしていると私はそのテキストボックス内で入力された時はいつでも必要がありますONLY ALLOW numbers [0-9]そしてそれはNOT ALLOW 8桁以上の数字の長さを入力してください。

例：

12345678 - Allow 
1234 - Dont Allow 
1234%^ - Dont Allow 

マイHTML：

<input type="number" id="txt_number" maxlength="8" onkeypress="return isNumber(event)"> 

私のJS

function isNumber(evt) { 
evt = (evt) ? evt : window.event; 
var charCode = (evt.which) ? evt.which : evt.keyCode; 
if (charCode > 31 && (charCode < 48 || charCode > 57 ||charCode>=190)) { 
    return false; 
} 
return true; 
} 

私を助けてください。

ありがとうございます。 おかげ

Answer 1

使用正規表現の一致：

function checkMonum(){ 
var input=document.getElementById('txt_number').value; 
    var state=false; 
    var re=/^[\d\.]{8}$/; 
var output = re.test(input); 
if(output==true){ 
    state=true; 
} 
return state; 
} 

私がテストしてメソッドの一致を変更するには、FFで確認することができます。私は携帯電話でクロムにいる。正確に8桁または持っている期間で

Answer 2

は、ユーザーが数値以外の入力すると、ユーザーがすることができません制限することができます。この機能でこの

function isNumber(evt) { 
evt = (evt) ? evt : window.event; 
var charCode = (evt.which) ? evt.which : evt.keyCode; 
if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
    return false; 
} 

return true; 

}

Answer 3

$(function() { 
    $(".numericOnly").bind('keypress', function (e) { 
     if (e.keyCode == '9' || e.keyCode == '16') { 
      return; 
     } 
     var code; 
     if (e.keyCode) code = e.keyCode; 
     else if (e.which) code = e.which; 
     if (e.which == 46) 
      return false; 
     if (code == 8 || code == 46) 
      return true; 
     if (code < 48 || code > 57) 
      return false; 
    } 
    ); 
    $(".numericOnly").bind("paste", function (e) { 
     $("#lblSearchError").text("Phone no must be numeric digit only !!!"); 
     $('#lblSearchError').show('slow').delay(3000).queue(function (n) { 
      $(this).hide('slow'); n(); 
     }); 
     e.preventDefault(); 
    }); 
    $(".numericOnly").bind('mouseenter', function (e) { 
     var val = $(this).val(); 
     if (val != '0') { 
      val = val.replace(/[^0-9]+/g, "") 
      $(this).val(val); 
     } 
    }); 
}); 

を試してみてください任意の非数値データを過ぎてください。これは私のために働く あなたはクラス名またはIDでそれを使用できます