jQuery中Validation怎么用

这篇文章主要介绍了jQuery中Validation怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联专注于喀喇沁企业网站建设,响应式网站设计,商城开发。喀喇沁网站建设公司,为喀喇沁等地区提供建站服务。全流程按需求定制网站，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

jQuery验证框架:

基本html代码：

 1 　　 2      3     40 41 42 html:43     44     45     
46         username:47         48     
49     50     
51         password:52         53     
54     55     
56 　　

从以上代码中我来说说jQuery Validation的使用。

1.validate(options)是运行form表单的开始，他是用来验证你所选的form，以上代码的第五行“#myForm"是form的id名。

2.rules() 是校验规则他就是validate里的options,是用户定义的键/值对规则===键为一个表单元素的 name属性、值为一个简单的字符串或者由规则/参数对组成的一个对象。

3. messages ()是用户自定义的 键/值 对消息===键为一个表单元素的name属性，值为该表单元素将要显示的消息。

4.rules() 里的username和password是input中的name值。

5.required的值为true时验证该项是必选项。

6.minlength(length)设置验证元素的最小长度。

 7.maxlength(length)设置验证元素的最大长度。

  8.rangelength(range)设置验证元素的一个长度范围。

9.max(value)设置验证元素的最大值。

10.min(value)设置验证元素的最小值。

11.range()设置指的范围。

12.email()验证电子邮箱格式是否正确。

13.url()  验证URL格式是否正确。

14.date()验证日期格式是否正确。【注：不验证日期的准确性，只验证格式】

15.submitHandler 当表单通过验证，提交表单。

// 校验全部通过                submitHandler: function () {
                    alert("校验全部通过！")
                },

16.invalidHandler当未通过验证的表单提交时，可以在该回调函数中处理一些事情。

 //  校验不通过　　　　　　　　　　　　　　invalidHandler: function () {
                    alert("no")
                },

17.focusInvalid默认值为true，校验不通过时，焦点跳到第一个无效的表单元素。

18.focusCleanup默认值为true，当表单得到焦点时，移除在该表单上的errorClass并隐藏所有错误消息。【注：避免与focusInvalid一起使用。】

19. errorElement  用html元素类型创建错误消息的容器。默认写在label中

20.errorClass设定样式来定义错误信息的样式。

21.highlight将未通过验证的表单元素设置高亮。

highlight: function (element, errorClass) {
                  $(element).addClass(errorClass);
                   $(element).fadeOut.fadeIn();
                }

感谢你能够认真阅读完这篇文章，希望小编分享的“jQuery中Validation怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!