jQuery 验证不适用于整数

Question

以下代码无效。我可以知道我的问题是什么吗？提前致谢。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.validation/1.13.1/additional-methods.min.js"></script>
        <script>
$(document).ready(function(){    
   $('#part1').validate({
        rules: {
                family_income: {required: true,min: 0}
        },
        submitHandler: function(form){
                form.submit();
        }
   });

});  
</script>

Answer 1

使用 digits 进行数字验证并用这个更新您的代码。您可以根据需要添加更多验证。

$(function(){        
    $('#part1').validate({
       rules: {
           family_income: {
              required: true,
              digits: true
           }
       },
       submitHandler: function(form){
         form.submit();
       }
    });    
});

确保您的元素 ID 在这种情况下是 family_income。

更新： 如果您使用 data annotations 来验证您的属性，那么我建议您坚持使用这些方法，不要混合使用这两种方法。但是，MVC 客户端验证功能构建在 jQuery 验证库之上，如果您愿意，可以像在示例中使用的那样直接使用验证库，而忽略 MVC 功能。

所以使用 data annotations 你可以很容易地做这样的事情，你可以摆脱问题中定义的自定义验证器规则。

[RegularExpression("[0-9]*")]
[StringLength(50, MinimumLength = 0)] // this will hanle your min length.
// 50 is max limit, you can give as much as you like.
public datatype PropertyName { get; set; }

注意： 如果您的类型是 int 那么您不必添加数字验证，因为验证器会智能地处理这个，但如果您的类型是其他类型它出现在您的案例中，那么值得在此处添加注释。

备选方案：您还可以让您的文本框只允许输入数字。参见 this link。

jQuery 验证不适用于整数

jQuery validation not working for integer

jquery

jquery-validate