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)。