jQuery Validate函数不起作用

时间:2014-05-25 16:58:14

标签: javascript jquery jquery-validate

这个问题,我肯定是非常微不足道的,但我无法克服它。

我的表单未使用jquery validate验证。

        $(document).ready(function () {
            $("#loginForm").validate({
                rules: {
                    email: "required",
                    passwd: "required",
                    email:{
                        minlength: 10
                    }
                },
                messages: {
                    email: "Please enter your email",
                    passwd: "Please enter your passwd",
                    email:{
                        minlength: "Minlength has to be 10"
                    }
                },

                submitHandler: function(form) {
                    $("#pp").text("right");
                    form.submit();
                }
            }); 
        })  

没有控制台错误。我有以下

name,passwd是我要验证的字段的名称,id,loginForm是表单的id。问题是,当我传递无效输入时,我没有看到错误消息。通过调试模式,虽然在调用validate之前在ready函数内部发出警报,但我看不到堆栈到达内部验证函数。

1 个答案:

答案 0 :(得分:1)

您没有显示HTML标记,因此,此答案假定您正确命名了input元素。

在您的代码中,您指定了email两次......

rules: {
    email: "required",
    passwd: "required",
    email:{  // <- duplicate
        minlength: 10
    }
},

如果您需要为一个字段指定多个规则,请指定字段一次并列出内部规则...

rules: {
    email: {
        required: true,
        minlength: 10
    },
    passwd: "required"
},

您的messages选项存在同样的问题。

工作演示:http://jsfiddle.net/4937t/