如何使用JQuery进行数值验证？

Question

如何使用JQuery进行数值验证。 我必须使用JQuery验证我的价格字段。 任何身体都知道请与我分享你的知识:(

Answer 1

如果您正在寻找表单验证，可以查看验证插件： http ： //docs.jquery.com/Plugins/Validation

但是，如果您只想要一些示例代码，它可能就像这样简单：

$(function() {
  $('ref-to-input').blur(function() {
    if($(this).val().match(/[^\d]/)) {
      // invalid chars detected
    }
  });
});

您也可以过滤输入以仅允许数字字符：

$(function() {
  $('ref-to-input').keyup(function() {
    $(this).val($(this).val().replace(/[^\d]/, ''));
  });
});

编辑：不要忘记始终使用服务器端检查

Answer 2

使用jquery验证插件

http://www.bassistance.de/jquery-plugins/jquery-plugin-validation/

它包含所有验证，例如，要求，格式，大小，范围，值

Answer 3

这也适用于表单验证：

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

这是一个例子：

http://www.position-relative.net/creation/formValidator/

Answer 4

function IsNumeric(sText){
    var ValidChars = "0123456789.";
    var IsNumber = true;
    var Char;
    for (i = 0; i < sText.length && IsNumber == true; i++) {
        Char = sText.charAt(i);
        if (ValidChars.indexOf(Char) == -1) {
            IsNumber = false;
        }
    }
    return IsNumber;
}

采用：

if ( IsNumeric(my_number) )
//do some here...

Answer 5

只需要在Jquery中应用此方法，您就可以验证文本框只接受数字。

function IsNumberKeyWithoutDecimal(element) {    
var value = $(element).val();
var regExp = "^\\d+$";
return value.match(regExp); 
}

请在这里查看工作演示