码迷,mamicode.com
首页 > 其他好文 > 详细

表单验证插件——validate

时间:2017-03-27 21:25:39      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:调用   允许   导入   com   方法   位置   点击   用户名   option   

该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:

$(form).validate({options})

其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。

例如,当点击表单中的“提交”按钮时,调用validate插件验证用户名输入是否符合规则,并将异常信息显示在页面中,如下图所示:

技术分享

在浏览器中显示的效果:

技术分享

从图中可以看出,在页面中导入了validate插件,当用户在输入框中录入用户名时,自动根据规则进入验证,并显示提示信息,验证成功后,表单才能提交。

表单验证插件——validate

标签:调用   允许   导入   com   方法   位置   点击   用户名   option   

原文地址:http://www.cnblogs.com/diaoniwa/p/6628659.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!