jquery - 我如何在我的项目中使用 jquery 验证插件

Question

我正在使用 jquery 验证插件来验证 jquery 中的时间......但它总是显示一个错误，这真的让我抓狂。

未捕获的类型错误：无法调用未定义的方法“addMethod”

 $("input").blur(function() {
                //var check =$(this).closest('tr').find('input');
                $(this).each(function() {
                $.validator.addMethod(this, function(value, element) {  
                return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value);  
                    }, "Please enter a valid time.");

              $("#check").validate({
                          rules: {
                             input: "required time"
                                  }

                });

Answer 1

您缺少页面中的验证器库，请在页面中包含该库

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>

和

$.validator.addMethod('timevalue', function(value, element) {  
    return this.optional(element) || /^(([0-1]?[0-9])|([2][0-3])):([0-5]?[0-9])(:([0-5]?[0-9]))?$/i.test(value);  
}, "Please enter a valid time.");


$("#check").validate({
    rules: {
        timevalue: true
    }
});