使用 jquery 进行数字验证

Question

$('#empcontact').blur(function(){
        var stri = $('#empcontact').val();//the input element
        var numbers = "0123456789";
        var flag = false;
        for(var x=0;x<stri.length;x++){
            var ch = stri.charAt(x);
            var n = numbers.indexOf(ch);
            if(n === -1){//why does it always resolve to true            
                flag = true;
                break;
            }
            else{

            }
        }
        if(flag){
            alert("Not a number");
            $('#empcontact').val(" ");
            $('#empcontact').focus();
        }
});

我不知道为什么它总是解析为 true，即使在传递数字时也传递字符。

Answer 1

你可以使用$.isNumeric() ，比如：

var stri = $('#empcontact').val();
console.log( $.isNumeric( stri ) ); //returns true if is number

或

var stri = $('#empcontact').val();
console.log(typeof stri === 'number' && isFinite(stri) ); //returns true if number

或只有整数

var intsOnly = /^\d+$/,
    stri = $('#empcontact').val();
if(intsOnly.test(stri)) {
   alert('its valid');   
}

Answer 2

一个javascript解决方案是

if(isNaN(parseInt('a'))){ // replace 'a' with your variable
    flag = true;
    break;
}

Answer 3

您可以通过以下方式检查号码：

 function isNumber(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
 }

或

function isNumber(n){
  return (parseFloat(n) == n);
}

因为IsNumeric在以下情况下会失败：

IsNumeric(' ') == true;
IsNumeric('\t\t') == true;
IsNumeric('\n\r') == true;

IsNumeric(-1) == false;
IsNumeric(0) == false;
IsNumeric(1.1) == false;
IsNumeric(8e5) == false;

或者，如果您想为此使用 Regexp，有许多可用的 Regexp：

/^[0-9]+$/

/^\d*$/

[0-9]+(\.[0-9][0-9]?)?

Answer 4

对我来说似乎是一个很好的正则表达式情况，请使用：

if(stri.match(/^[0-9]*$/)){
    alert("numeric!");
    // do whatever else...
}

$.isNumeric 将允许疯狂的半数字内容，如0xFF和2e5 。

Answer 5

尝试使用数字验证插件，它是一个 jQuery 插件，用于执行 HTML 输入数字类型的验证。

https://github.com/prednaxela/jquery.numbervalidation

Answer 6

号码验证

function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode != 46 && charCode != 99 && charCode != 118 && charCode > 31
        && (charCode < 48 || charCode > 57))
        return false;

    return true;
}