前端制作：非常好用的表单验证插件validate

在做网站的过程中，大多数情况下肯定会应用到表单，使用表单让用户输入数据，收集相关信息，在这个过程中为了让用户输入的信息可靠，就会使用前端的表单验证。目前业内也有很多表单验证工具，更有大多数人自已写纯js的表单验证。这样重复造轮子的事情大可不必一直做的，浪费时间和效率。这里介绍一款非常好用的前端表单验证插件validate，做为一款国外的的表单插件，虽然表使用文档都是英文，对国内的程序用户看起来应该很吃力。不过网上仍有不少网友提供很多翻译版本可供使用。使用也很简，这里介绍一下基本的使用方法。
1、使用$('#formid').validate({})来包含整个验证类信息，其中formid为表单的id识别符。
2、debug属性可以设置为true，表示启用调试信息。
3、rules属性为规则json数组，常用的如：array('require'=>true,'min_length'=>10,'max_length'=>100,'email'=>true)，这个分别表示
require为必填，min_length为最小长度为10个字符，max_length为大长度为100个字符，email为必须是邮箱格式。还可以自定义规则使用jQuery.validator.addMethod('name',function(value, element){})增加新的规则，增加后，即可在验证规则中使用。
4、messages为和规则对应的错误显示信息，数组形式是一样的，把键值修改成错误信息提示即可。
5、showErrors为当不符合验证规则时如何显示错误信息，一般是直接弹出信息提示用户，当然也是可以在表单域上直接显示错误信息的。
6、onkeyup为不验证键盘输入。
7、onfocusout为失去焦点时不验证。
8、submitHandler为当验证通过时，需要执行的代码块，如使用ajax来提交信息后台处理。
需要注意的是，验证规则和错误信息文本数组要使用json数据的形式，避免出错。
其中错误信息提示弹窗这里推荐使用弹窗插入layer，也是一款国人开发的非常好用的弹窗插件，可以配合表单验证来做出更漂亮的交互效果。

下面是具体的验证代码形式。

标题名称：前端制作：非常好用的表单验证插件validate
网址分享：https://www.cdcxhl.com/news/241531.html

成都网站建设公司_创新互联，为您提供软件开发、网站策划、网页设计公司、外贸建站、网站排名、用户体验

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联