使用 jQuery Validate 验证两个字段

Question

我正在使用 jQuery 验证插件： http://bassistance.de/jquery-plugins/jquery-plugin-validation/

简单演示：

  <input type="text" name="email" class="required email" />
  <input type="text" name="email_confirm" class="required email" />

如何使用 jQuery 或 jQuery 验证插件检查两个输入中的值是否相同。

我刚刚尝试了 equalto 并且它有效：

rules: {
  email: 'required',
  email2: {equalTo: '.email'}

Answer 1

通过查看演示页面 http://jquery.bassistance.de/validate/demo/ 您可以使用“equalTo”验证两个应该相等的字段：

    $("#signupForm").validate({
    rules: {
                    ...snip... 
        password: {
            required: true,
            minlength: 5
        },
        confirm_password: {
            required: true,
            minlength: 5,
            equalTo: "#password"
        },
                   ...snip...
    },
    messages: {
        ...snip...
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        confirm_password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long",
            equalTo: "Please enter the same password as above"
        },
        ...snip...
    }
});

要使用类方法来执行此操作，您只需找到语法即可。我找不到 equalTo 属性，但它可能类似于：

class="required email equalTo['email']"