Jquery Validation插件消息可以使用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" />

然后标题变为验证消息.

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

即使数字验证失败,它也会显示"请输入学位名称".

问题:

我想用HTML标记内联编写所有验证消息(单个控件的必需数字url)

喜欢:

   <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 Metadata插件.

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

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

这是元数据的演示页面.

以及validate插件选项的文档.