javascript - jQuery 验证功能不起作用

Question

这个问题，我确信是非常微不足道的，但我无法克服它。

我的表单未使用 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。问题是当我传递无效输入时我没有看到错误消息。通过 Debug模式，我没有看到堆栈到达验证函数内部，尽管在调用验证之前就绪函数内部有一个警报。

Answer 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/