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。 問題是我通過無效輸入時看不到錯誤消息。 經歷調試模式，盡管調用了validate之前ready函數內部的警報，但我從未看到堆棧到達validate函數內部。

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/