现在的位置: 首页 > web前端 > 正文

jquery validation表单验证插件

2020年07月03日 web前端 ⁄ 共 934字 ⁄ 字号 评论关闭

  JqueryValidation插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。选择一款好用的jquery插件应该关心以下几点:


  jquery表单验证怎样


  1:是否还在持续更新,如果一个插件连续两三年没有更新,基本就不要选择了。


  2:开发作者是否是大牛,重要性不用多说了。


  3:社区资源是否活跃。


  4:最好能阅读源码。


  下面是使用方法:


  1:因为是jquery插件,所以要引入jquery依赖,然后引入插件核心js文件:jquery.validate.js


  图片中的message_zh.js是可选项,因为在官方插件包中已经支持多国语言,形成国际


  化,当然也可以不引入,自己在验证方法中设置message中文提示也可。


  2:添加验证规则,如图所示,表单部分就不贴图了,(注:login_form为表单id,


  uname和upwd为输入框的 name 属性,不是id或者class)


  jquery表单验证常见验证规则:


  required:true(必填项);  minlength:2(最小长度为2); maxlength:10(最大长度为10);


  rangelength:[2,10](请输入长度在2-10之间的字符串);  


    


  date:true(合法日期格式---:::) ;dateISO:true;


  (地址必须为合法地址,必须加http或https);  email:true(电子邮件);


  equalTo:"#password"(验证两次密码是否一致);


  debug:true(不提交表单只为验证方便调试);


  remote(远程校验,方法如上,控制器端校验方法如下)


  总之,jquery表单验证值(value)可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构可以嵌套。字符串(string)是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义。一个字符(character)即一个单独的字符串(characterstring)。


  

抱歉!评论已关闭.