实例讲解表单验证插件Validation的应用
本实例涉及到的验证有：
用户名：长度、字符验证，重复性ajax验证（是否已存在）。
密码：长度验证，重复输入密码验证。
邮件：邮件地址验证。
固定电话：中国大陆固定电话号码验证。
手机号：中国大陆手机号码验证。
网址：网站URL地址验证。
日期：标准日期格式验证。
数字：整数、正整数验证，数字范围验证。
身份证：大陆身份证号码验证。
邮政编码：大陆邮政编码验证。
文件：文件类型（后缀）验证，如只允许上传图片。
IP：IP地址验证。
验证码：验证码ajax验证。
使用方法：1、准备jquery和jquery.validate插件
解决办法是在validate({})追加以下代码：
errorPlacement:?function(error,?element)?{?????if?(?element.is(":radio")?)?????????error.appendTo?(?element.parent()?);?????else?if?(?element.is(":checkbox")?)?????????error.appendTo?(?element.parent()?);?????else?if?(?element.is("input[name=captcha]")?)?????????error.appendTo?(?element.parent()?);?????else?????????error.insertAfter(element);?}?
3、重置表单。Form表单原始的重置方法是reset自带
<input?type="reset"?value="重?置"?/>?
点击“重置”按钮，表单元素将会重置，但是再运行Validation插件后，验证的提示信息并没重置，就是那些提示信息没有消失。感谢Validation提供了重置表单的方法：resetForm()
$("input:reset").click(function(){?????validate.resetForm();?});?
其他1、本例中还涉及到验证码的判断方法，也是通过异步生成验证码和判断是否输入正确的，可以查看源码,官方网单独提供了一个实例：http://jquery.bassistance.de/validate/demo/captcha/
2、更多验证方法的应用请查看http://docs.jquery.com/Plugins/Validation/
声明：本文为原创文章，helloweba.com和作者拥有版权，如需转载，请注明来源于helloweba.com并保留原文链接，否则视为侵权。