Jquery Validation插件消息可以使用html标签本身编写

时间:2011-12-14 10:23:30

标签: jquery jquery-validate

我正在使用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" />

因此验证插件会显示验证失败的错误消息。

感谢任何帮助。

1 个答案:

答案 0 :(得分:7)

该插件可以选择忽略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'}}" />

以下是元数据的demo page

验证插件选项的documentation