1. 插件简述
JQuery 有着大量的功能插件,每种插件都有自己独有的功能。
例如:
表单校验----validation
移动互联网开发----BootStrap
Ajax 数据展示-------EasyUI
今天我们学习其表单校验插件---- validation
2. 插件导入
validate 是 jQuery 插件,及必须在 jQuery 的基础上进行运行。我们将导入 jQuery 库、validate库、和国际化资源库(可选,建议导入)
准备代码:
3. 为指定表单加入校验
validate 需要手动的声明,对那个表单进行校验,及需要手动调用 validate()方法。
4. 为校验加入规则
validate()方法中可以指定添加规则
规则速查表
注意:为了方便展示,请设置如下样式:
5. 为规则自定义错误信息
messages 可以为已经定好的规则自定义错误信息
其中
{0} 动态获取规则值的第一个值
{1} 动态获取规则值的第二个值
6. 为错误信息自定义显示位置(扩展-了解)
格式:
<form>
<label class="error" for=" 被添加规则的表单输入项 name" ></label>
……
</form>
例如,表单中的生日 birthday ,已经被添加规则。
<form>
<label class="error" for="birthday"></label>
……
</form>
7. 自定义校验规则(扩展)
如果希望自定义校验规则,需要使用$.validator.addMethod 完成。