チェック入力に数値のみを入力した場合。 （jQueryの）

Question

私はjQueryのの助けを借りて、これまでのところ、私はこの段階になった、ユーザーが正しい電話番号を入力するかどうかを確認したいと思います：電話番号が入力された場合はそれがあった場合

var phone = $("input#phone").val(); 
if (phone !== "") { 
    //Check if phone is numeric 
    $("label#phone_error").show(); //Show error 
    $("input#phone").focus(); //Focus on field 
    return false; 
} 

基本的に、それはチェック私はそれが数値であるかどうか、エラーメッセージを表示していないかどうか確認したいと思います。 誰でも数値であるかどうかの確認に役立つでしょうか？

Answer 1

...それはこれをチェックするjQueryの組み込み関数があり、文字列「電話」は数字のみが含まれており、少なくとも一桁

if(phone.match(/^\d+$/)) { 
    // your code here 
} 

Answer 2

http://docs.jquery.com/Plugins/Validation/CustomMethods/phoneUS

ことをチェックしてください。それはちょうどあなたが探しているものでなければなりません。 jQuery用の米国電話検証プラグイン。

あなたが自分でそれをやりたいのなら、あなたは仕事量が多いでしょう。 isNaN()機能をチェックしてください。それは数字でないかどうかを伝えます。また、検証のために正規表現をブラッシュアップしたい場合もあります。 RegExを使用している場合は、isNaN()を使用せずに実行できます。なぜなら、とにかくテストするからです。

Answer 3

が含まれていることを確認します、これを試してみてください（IsNumeric関数）、その次のことを試してください。

var phone = $("input#phone").val(); 
    if (phone !== "" && !$.isNumeric(phone)) { 
    //Check if phone is numeric 
    $("label#phone_error").show(); //Show error 
    $("input#phone").focus(); //Focus on field 
    return false; 
} 

Answer 4

私はこの使用：VIS将来のために

jQuery.validator.addMethod("phoneUS", function(phone_number, element) { 
phone_number = phone_number.replace(/\s+/g, ""); 
return this.optional(element) || phone_number.length > 9 && 
    phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); 
}, "Please specify a valid phone number"); 

Answer 5

をitorsは、ユーザーが数字のみを入力することができ、このfunctonを追加することができます。あなただけのすべてのテキストボックス場合http://jsfiddle.net/celia/dvnL9has/2/

$('.phone_number').keypress(function(event){ 
var numero= String.fromCharCode(event.keyCode); 
var myArray = ['0','1','2','3','4','5','6','7','8','9',0,1,2,3,4,5,6,7,8,9]; 
index = myArray.indexOf(numero);// 1 
var longeur= $('.phone_number').val().length; 
if(window.getSelection){ 
text = window.getSelection().toString(); 
} if(index>=0&text.length>0){ 
    }else if(index>=0&longeur<10){ 
    }else {return false;} }); 

Answer 6

に私がチェックするためにこれを使用することを入力チェックにjQueryとクラス名を追加する必要があります

if(!$.isNumeric($('input:text').val())) { 
     alert("All the text boxes must have numeric values!"); 
     return false; 
    } 

または1のため：jQueryの1.7で

$.isNumeric($("txtBox").val()); 

利用可能な数値を持っていました。

Answer 7

if (!(/^[-+]?\d*\.?\d*$/.test(document.getElementById('txtRemittanceNumber').value))){ 
      alert('Please enter only numbers into amount textbox.') 
      } 
      else 
      { 
      alert('Right Number'); 
      } 

このコードがお役に立てば幸いです。

このコードでは、小数点以下の桁数の正当な10進数が存在する場合、条件はtrueを返します。 「アラート」というメッセージが表示されたら「アラート番号」と表示され、アラートポップアップが表示されます。「数字だけを数値テキストボックスに入力してください」というメッセージが表示されます。

おかげで... :)

Answer 8

これは、質問に対する正確な答えはありませんが、携帯電話の検証のための一つの他のオプションは、数はあなたが期待している形式で入力します保証することです。

ここでは、onInputイベントに設定すると、非数値入力を取り除き、xxx-xxx-xxxxが望ましい出力であると仮定して、「右」の位置にダッシュを自動挿入する機能があります。

<input oninput="formatPhone()">

function formatPhone(e) { 
    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); 
    e.target.value = !x[2] ? x[1] : x[1] + '-' + x[2] + (x[3] ? '-' + x[3] : ''); 
} 

Answer 9

私は検証のこの種を使用し....貼り付けたテキストと、それはアルファベットが含まれている場合を確認し、ユーザーのエラーを示し、その後、確認するために、ユーザーのための遅延後にボックスをクリアテキストを修正し、適切な変更を加えます。

$('#txtbox').on('paste', function (e) { 
      var $this = $(this); 
      setTimeout(function (e) { 
       if (($this.val()).match(/[^0-9]/g)) 
       { 
        $("#errormsg").html("Only Numerical Characters allowed").show().delay(2500).fadeOut("slow");      
        setTimeout(function (e) { 
         $this.val(null); 
        },2500); 
       }     
      }, 5); 
     });