Jquery验证插件消息可以用html标签本身编写

Question

我使用jquery验证插件来验证我的表单。

现在可以只需要验证和/或数字等。

验证消息是这样写的:

 messages: {
            required: "Required.",
            email: "Invalid email",
            url: "Invalid URL."
           }

我注意到的是，如果我用HTML标签写标题，不写消息:在验证期间，如:

<input id="txtDegreeName" name="txtDegreeName"  title="Please Enter Degree Name"  
 class="required digits" type="text" />

则标题变为Validation message。

但是这个验证消息对于所有的验证都是可见的，比如

即使数字验证失败，也会显示"Please Enter Degree Name"。

问题:

我想写所有的验证消息(所需的数字url为一个单一的控制)内联与HTML标签

:

   <input id="txtDegreeName" name="txtDegreeName"  title="Please Enter Degree Name" 
   digits="PLease enter digits" class="required digits" type="text" />

所以验证插件显示了一个不同的错误消息。

Answer 1

插件有一个忽略title属性的选项，默认情况下，当没有找到其他消息时使用该错误消息:

$(...).validate({
    ...
    ignoreTitle: true
    ...
});

你可以使用jQuery元数据插件。

它允许您在标记本身的class属性中定义规则/消息，如下所示:

<input ... class="{ required:true, email:true, messages: { required:'Please enter your email address', email: 'Please enter a valid email address'}}" />

这是一个元数据的演示页面。

以及validate插件选项的文档