从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件

核心提示： 现在必填项的问题提示就变成了中文.除了全局默认的验证消息, 也可以为某一个表单元素设置特有的验证消息, 比如本文实例中, 为email元素设置了特有的验证消息:messages:{//为name为email的控件的required()和email()验证方法设置验证失败的消息内容email

现在必填项的问题提示就变成了中文.

除了全局默认的验证消息, 也可以为某一个表单元素设置特有的验证消息, 比如本文实例中, 为email元素设置了特有的验证消息:

　　　　　　　　messages:　{
　　　　　　　　　　//为name为email的控件的required()和email()验证方法设置验证失败的消息内容
　　　　　　　　　　email:　{required:"需要输入电子邮箱",　email:"电子邮箱格式不正确"}

options的messages属性可以针对某一个表单元素设置验证消息, 第一个email表示email元素, 值是一个集合, required就表示required验证函数, 第二个email表示是email验证函数.

(3)验证规则

验证规则就是这样的语意语句: 在元素A上, 使用 验证方法A 和 验证方法B 进行验证.

验证规则将元素与验证方法关联起来, 因为验证方法同时也关联了验证消息, 所以元素与消息也关联了起来.

为一个元素添加验证规则有多种方式.

本实例的"姓名"元素使用了CSS样式规则和元素属性规则:

<input　id="cname"　name="name"　size="25"　class="required"　minlength="2"　/>

class元素属性设置元素的CSS样式类, 因为样式类中添加了required类,　 所以会和required()验证函数关联. 这种规则叫做CSS样式规则.

minlength元素属性也会自动和minlength()验证函数关联, 这种规则叫做元素属性规则.

另外还可以通过编程的方式进行关联:

　　　　　　　　rules:　{
　　　　　　　　　　//为name为email的控件添加两个验证方法:required()和email()
　　　　　　　　　　email:　{　required:　true,　email:　true　}
　　　　　　　　},