覆盖jQuery验证消息

Question

我试图覆盖jQuery验证消息中的默认消息，但按照文档所说做了仍然无效，它仍然显示"This field is required."？

http://jsfiddle.net/7Yrz7/

$(function () {    
    $('form').validate({
        rules: {
            email:"required",
            password:"required",
            messages: {
                email: "Please enter an email address.",
                password: "This field is required."
            }
        }
    });
});

- user474901

---

我认为文档没有说要将messages选项放在rules选项的内部。不过很高兴你已经解决了这个问题。 - Sparky

Answer 1

应该是：

$("form").validate({
    rules: {
        email: "required",
        password: "required"
    }, // <-- here
    messages: {
        email: "Please enter an email address.",
        password: "This field is required."
   }
});

在这里使用messages之前，您需要先关闭rules。

更新的演示

- Felix

---

细微的争议需要澄清; rules相对于messages，其位置是“前”还是“后”并不重要。最重要的一点是rules和messages是_sibling_，因此你不能将一个放在另一个里面。例外情况是.rules('add')方法，在这种情况下，messages选项位于内部。 - Sparky

Answer 2

使用验证插件，您必须先添加规则，然后再添加消息。

这些脚本

$(document).ready(function () {

$('#myform').validate({ // initialize the plugin
    rules: {
            field1: {
                      required: true,
                      email: true
                    },
            field2: {
                      required: true,
                      minlength: 5
                    }
            }, // end of rules
   messages: {
                field1: "You cannot leave field1 blank",
                field2: "You cannot leave field1 blank"
              }// end of message


    });

});

HTML

<form id="myform">
  <input type="text" name="field1" />
  <input type="text" name="field2" />
  <input type="submit" />
</form>

选项：http://jqueryvalidation.org/validate

方法：http://jqueryvalidation.org/category/plugin/

标准规则：http://jqueryvalidation.org/category/methods/

可选规则可在 additional-methods.js 文件中找到：

maxWords
minWords
rangeWords
letterswithbasicpunc
alphanumeric
lettersonly
nowhitespace
ziprange
zipcodeUS
integer
vinUS
dateITA
dateNL
time
time12h
phoneUS
phoneUK
mobileUK
phonesUK
postcodeUK
strippedminlength
email2 (optional TLD)
url2 (optional TLD)
creditcardtypes
ipv4
ipv6
pattern
require_from_group
skip_or_fill_minimum
accept
extension

- himadri