一款好用的表单验证的jquery插件:jquery-validation

选择一款好用的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插件:jquery-validation_第1张图片



一款好用的表单验证的jquery插件:jquery-validation_第2张图片


3:常见验证规则:


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


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

  

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


url:true 例如http://www.baidu.com (地址必须为合法地址,必须加http或https);     email:true(电子邮件);


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


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


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


一款好用的表单验证的jquery插件:jquery-validation_第3张图片

你可能感兴趣的:(jquery插件,jquery插件,表单验证)