如何在jquery + javascript中输入输入框中的数字(使用正则表达式)?

时间:2015-04-05 01:56:51

标签: javascript jquery regex

你能否告诉我如何创建一个输入字段,用户只能使用regex.i输入数字。我可以使用ascii值。但我需要使用正则表达式

这是我的代码 http://jsfiddle.net/HkEuf/6100/

$(document).ready(function () {
  //called when key is pressed in textbox
  $("#quantity").keypress(function (e) {
     //if the letter is not digit then display error and don't type anything
      var BlkAccountIdV = $('#quantity').val();
var re = /[^0-9]/g;    
if ( re.test(BlkAccountIdV) ){  
    console.log("=====")
    errorflag=1;
}else {
   console.log("==tt===") 
   $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
}

     /*if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
    }*/
   });
});

Thnaks

3 个答案:

答案 0 :(得分:2)

这样可行:

$(document).ready(function () {
    //called when key is pressed in textbox
    $("#quantity").keyup(function (e) {
        // if letters found flag error, display error, and remove any non-numbers
        if ($(this).val().match(/[^0-9]/g, '')) {
            $("#errmsg").html("Digits Only").show().fadeOut("slow");
            $(this).val($(this).val().replace(/[^0-9]/g, ''));
            console.log("=====")
            errorflag = 1;
        } else {
            console.log("==tt===")
        }
    });
    // but users can still paste values with letters into the box with right click
    // so we bind to paste event and if detected, trigger the element's keyup event
    $("#quantity").bind('paste', function (e) {
        setTimeout(function() { $(this).keyup(); }, 30);
    });
});
#errmsg {
    color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Number :
<input type="text" name="quantity" id="quantity" />&nbsp;<span id="errmsg"></span>

或者这里是working jsFiddle

答案 1 :(得分:0)

$('input').keyup(function(e){

    if(!/^[0-9]*$/.test(this.value)){

        this.value = this.value.split(/[^0-9.]/).join('');

    }

});

答案 2 :(得分:0)

我会在preventDefaultkeydown代替$( 'input' ).on( 'click', function ( e ) { var numberKeys = [ /* the wanted keyCodes */]; if ( numberKeys.indexOf( e.keyCode ) < 0 ) { e.preventDefault(); // do what ever you'd like here when the user types in a non numeric character. } }); 不需要的keyCode。这样你就不必进行任何字符串操作,然后替换输入值,这看起来很尴尬,我很喜欢闪光灯。

{{1}}