blocks|key|1200132|text|我已经想出了一个相当令人发指的解决方案，但希望有更多的时间来获得更干净的解决方案……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1200133|无论如何，通过jQuery元数据分配消息，我能够为每个类定制它们。|1200134|class="amount+{validate:
++++++++++++++++{messages:
++++++++++++++++++{required:'Amount+is+required',
+++++++++++++++++++range:+'Amount+must+be+between+0+and+2,000,000',
+++++++++++++++++++digits:+'Amount+must+be+numeric'}
++++++++++++++++}
++++++++++++++}"|code-block|syntax|javascript|1200135|对网格行中的每个字段执行...and等操作。|1200136|我将考虑扩展“addClassRules”方法以接受messages参数，但现在它可以工作了。|1200137|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I've come up with a pretty heinous solution but hope for something a lot cleaner with a bit more time... 

Anyway, by assigning the messages through jQuery metadata I'm able to customise them per class.

<pre><code>class="amount {validate:
 {messages:
 {required:'Amount is required',
 range: 'Amount must be between 0 and 2,000,000',
 digits: 'Amount must be numeric'}
 }
 }"
</code></pre>

...and so on for each of the fields in my grid rows. 

I'll be looking at extending the 'addClassRules' method to accept a messages parameter but for now this works so it'll do.

blocks|key|1200178|text|既然每个人都对这个问题的回答很感兴趣，下面是我寻求答案的下一步！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1200179|我已经在插件中添加了允许添加类消息的方法，并修改了默认的消息处理程序来挑选这些方法。|1200180|在“customMetaMessage”之前添加|1200181|customClassMessage:+function+(element,+method)+{
++++//Get+the+elements+class(es)
++++var+classes+=+$(element).attr("class").split("+");

++++//return+any+message+associated+with+said+class+and+method
++++var+m+=+$.validator.messages[classes[0]];

++++return+m+&&+(m.constructor+==+String
++++++++?+m
++++++++:+m[method]);
},|code-block|syntax|javascript|1200182|修改了“defaultMessage”以包含对上述方法的调用|1200183|defaultMessage:+function+(element,+method)+{
++++++++++++++++return+this.findDefined(
++++++++++++++++this.customMessage(element.name,+method),
++++++++++++++++this.customMetaMessage(element,+method),
++++++++++++++++this.customClassMessage(element,+method),
++++++++++++++++//+title+is+never+undefined,+so+handle+empty+string+as+undefined
++++++++++++++++!this.settings.ignoreTitle+&&+element.title+%7C%7C+undefined,
++++++++++++++++$.validator.messages[method],
++++++++++++++++"Warning:+No+message+defined+for+"+%2B+element.name+%2B+""
++++++++++++);
++++++++++++},|1200184|添加了“addClassMessages”方法|1200185|++++++++addClassMessages:+function+(className,+messages)+{
++++++++if+(className.constructor+==+String)+{
++++++++++++$.validator.messages[className]+=+messages+!=+undefined+?+messages+:+$.validator.messages[className];
++++++++}
++++++++else+{
++++++++++++$.extend(this.messages,+className);
++++++++}
++++},|1200186|到目前为止，我还不能想出如何在插件之外附加这些额外的方法。不过，至少我不必在“class”属性中声明错误消息。|1200187|jQuery.validator.addClassMessages({
++++amount:+{
++++++++required:+"Amount+is+required",
++++++++range:+"Amount+must+be+between+0+and+2,000,000",
++++++++digits:+"Amount+must+be+numeric"
++++}
});|1200188|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|13|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|H|7|15|8|@]|9|@]|A|$I|J]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|H|7|17|8|@]|9|@]|A|$I|J]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

Since everyone's obviously interested in the response to this one here's the next step in my pursuit of an answer!

I've added methods into the plugin that allow the addition of class messages and amended the default message handler to pick these out.

Added before 'customMetaMessage'

<pre><code>customClassMessage: function (element, method) {
 //Get the elements class(es)
 var classes = $(element).attr("class").split(" ");

 //return any message associated with said class and method
 var m = $.validator.messages[classes[0]];

 return m &amp;&amp; (m.constructor == String
 ? m
 : m[method]);
},
</code></pre>

Amended 'defaultMessage' to include a call to the above method

<pre><code>defaultMessage: function (element, method) {
 return this.findDefined(
 this.customMessage(element.name, method),
 this.customMetaMessage(element, method),
 this.customClassMessage(element, method),
 // title is never undefined, so handle empty string as undefined
 !this.settings.ignoreTitle &amp;&amp; element.title || undefined,
 $.validator.messages[method],
 "&lt;strong&gt;Warning: No message defined for " + element.name + "&lt;/strong&gt;"
 );
 },
</code></pre>

Added an 'addClassMessages' method

<pre><code> addClassMessages: function (className, messages) {
 if (className.constructor == String) {
 $.validator.messages[className] = messages != undefined ? messages : $.validator.messages[className];
 }
 else {
 $.extend(this.messages, className);
 }
 },
</code></pre>

I haven't been able to work out how to attach these additional methods outside of the plugin as yet. At least I don't have to declare error messages in the 'class' attribute though.

<pre><code>jQuery.validator.addClassMessages({
 amount: {
 required: "Amount is required",
 range: "Amount must be between 0 and 2,000,000",
 digits: "Amount must be numeric"
 }
});
</code></pre>

blocks|key|985793|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|985794|jQuery.validator.addClassRules({
++++amount:+{
++++++++required:+true,
++++++++range:+[0,+2000000],
++++++++messages:+{required:+"Required+field!",+range:+"Invalid+range!"}
++++},
++++comment:+{
++++++++maxlength:+51,
++++++++messages:+{maxlength:+"Max+51+characters!"}
++++}
})|code-block|syntax|javascript|985795|我想这就是你要找的，对吧？|985796|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Try this:

<pre><code>jQuery.validator.addClassRules({
 amount: {
 required: true,
 range: [0, 2000000],
 messages: {required: "Required field!", range: "Invalid range!"}
 },
 comment: {
 maxlength: 51,
 messages: {maxlength: "Max 51 characters!"}
 }
})
</code></pre>

I think that is what you are looking for, correct?

blocks|key|1200316|text|在文档中，答案是为要调用的方法添加别名并添加自定义消息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1200317|“重构规则”标题下的Check+the+reference：|offset|length|1200318|//+alias+required+to+cRequired+with+new+message
$.validator.addMethod("cRequired",+$.validator.methods.required,
"Customer+name+required");
//+alias+minlength,+too
$.validator.addMethod("cMinlength",+$.validator.methods.minlength,+
//+leverage+parameter+replacement+for+minlength,+{0}+gets+replaced+with+2
$.format("Customer+name+must+have+at+least+{0}+characters"));
//+combine+them+both,+including+the+parameter+for+minlength
$.validator.addClassRules("customer",+{+cRequired:+true,+cMinlength:+2+});|code-block|syntax|javascript|1200319|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Plugins/Validation/Reference^0|0|A|J|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

In the documentation, the answer is to alias the method that you want to call and add the custom message.

<a href="http://docs.jquery.com/Plugins/Validation/Reference">Check the reference</a> under the "Refactoring rules" heading:

<pre><code>// alias required to cRequired with new message
$.validator.addMethod("cRequired", $.validator.methods.required,
"Customer name required");
// alias minlength, too
$.validator.addMethod("cMinlength", $.validator.methods.minlength, 
// leverage parameter replacement for minlength, {0} gets replaced with 2
$.format("Customer name must have at least {0} characters"));
// combine them both, including the parameter for minlength
$.validator.addClassRules("customer", { cRequired: true, cMinlength: 2 });
</code></pre>

blocks|key|985886|text|这可以使用下面的代码来完成，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|985887|++$.validator.messages.accept+=+'File+must+be+JPG,+GIF+or+PNG';

++++$.validator.addClassRules("files",+{++++++++++++
++++++accept+:+"png%7Cjpe?g%7Cgif",++
++++++filesize+:+2000000
++++});|code-block|syntax|javascript|985888|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This can be done using below code,

<pre><code> $.validator.messages.accept = 'File must be JPG, GIF or PNG';

 $.validator.addClassRules("files", { 
 accept : "png|jpe?g|gif", 
 filesize : 2000000
 });
</code></pre>

I'm using <a href="http://docs.jquery.com/Plugins/Validation" rel="noreferrer">jQuery Validate</a> to validate a page with a large number of repeated rows of data. Due to limited space, each row has it's own validation summary.

I use addClassRules to apply the validation rules to the page but the default error messages are too generic in the summary (e.g. "Field is required, Field is required etc).

Example:

<pre><code>jQuery.validator.addClassRules({
amount: {
 required: true,
 range: [0, 2000000]
},
comment: {
 maxlength: 51
},
owner: {
 notFirstOption: true
},
A: {
 required: function (element) { 
 return getParentElement($(element), "tr").find(".colB input.B").val().length &gt; 0;
 },
 digits: true
}});
</code></pre>

Can you apply custom messages for the rules in each validation class? Ideally I'm after something like:

<pre><code>jQuery.validator.addClassMessages({
 amount: {
 required: "Amount is required",
 range: "Amount must be between 0 and 2,000,000"
 },
 comment: {
 maxlength: "Comment may be a maximum of 51 characters"
 },
 owner: {
 notFirstOption: "Please select an owner"
 },
 A: {
 required: "A is required if B is entered",
 digits: "A must be numeric"
 }});
</code></pre>

Thanks in advance for any help you can offer!

How to add messages to a class with addClassRules

jQuery

我正在使用来验证包含大量重复数据行的页面。由于空间有限，每一行都有自己的验证摘要。我使用addClassRules将验证规则应用于页面，但默认的错误消息在摘要中过于通用(例如“字段是必填的，字段是必填的，等等)。示例：jQuery.validator.addClassRules({amount: {    requir...

问如何使用addClassRules向类添加消息
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用addClassRules向类添加消息EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用addClassRules向类添加消息
EN