欢迎来到天天文库
浏览记录
ID:30778421
大小:101.81 KB
页数:5页
时间:2019-01-03
《jqueryvalidate插件验证用户注册信息_jquery》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、JQueryvalidate插件验证用户注册信使用JQuery的validate插件做客户端验证非常方便,下面做一个使用validate插件验证用户注册信息的例子。本实例使用的是1・5版本。示例是在SSH下做的,代码如下:registe.jsp<%@pageIanguage=,zjavaz,contcntTypc二〃tcxt/html;chorsct二UTF-8"pageEncoding二"UTF-8〃%>
2、,z〃http://www.w3.org/TR/html4/loose.dtd〃>注册页面〈/mce:script〉3、javascript"src=/zjs/validate/jquery.validate.js〃mce_src=/zjs/validate/jquery.validate.js^X/mce:script>〈linkhref=/zjs/validate/jquery.validate.css〃mce_href=zzjs/validate/jquery.validate.css〃type=〃text/css〃rel=,,styleshect"/>4、//扩展validator的校验方法$.validator.addMethod(/zonlyLetterAndDigit",function(value,element,params){varrcgcx=newRegExp(J[0-9a-zA-Z]+$,);returnregex,test(value);},〃只能输入字母或数字〃);$(function(){$(〃#rcgistc")・validate({//定义验证规则,其屮屈性名为表单的name屈性rules:{username:{required:true,5、onlyLetterAndDigit:true,//使用自定义方法限制只能输入字母或数字rangelength:[4,20],remote:/zregiste!validName.action"//使用町AX异步校验},password:{required:true,rangelength:[4,20]},chkpassword:{required:true,cqualTo:/z#passwordz/},emai1:{required:true,emai1:true},vercode:,,required,/},m6、essages:{username:{rcquired:〃请输入用户名",rangelength:,z用户名长度必须在4〜20位Z间",remote:$.format(,z用户名{0}已存在,请重新输入!“)},password:{required:请输入密码",rangelength:密码长度必须在4〜20位Z间〃},chkpassword:{required:z,请再次输入密码〃,cqualTo:,z密码输入不一致,请重新输入〃},emai1:{required/7请输入电子邮件〃,email:〃请输入合法的电7、子邮件〃},vercode:{required:〃请输入验证码"});});//刷新验证码functionrefresh(){$(,,#authlmg,/).src=/,authlmg?now二〃+newDate();}//-->
3、javascript"src=/zjs/validate/jquery.validate.js〃mce_src=/zjs/validate/jquery.validate.js^X/mce:script>〈linkhref=/zjs/validate/jquery.validate.css〃mce_href=zzjs/validate/jquery.validate.css〃type=〃text/css〃rel=,,styleshect"/>4、//扩展validator的校验方法$.validator.addMethod(/zonlyLetterAndDigit",function(value,element,params){varrcgcx=newRegExp(J[0-9a-zA-Z]+$,);returnregex,test(value);},〃只能输入字母或数字〃);$(function(){$(〃#rcgistc")・validate({//定义验证规则,其屮屈性名为表单的name屈性rules:{username:{required:true,5、onlyLetterAndDigit:true,//使用自定义方法限制只能输入字母或数字rangelength:[4,20],remote:/zregiste!validName.action"//使用町AX异步校验},password:{required:true,rangelength:[4,20]},chkpassword:{required:true,cqualTo:/z#passwordz/},emai1:{required:true,emai1:true},vercode:,,required,/},m6、essages:{username:{rcquired:〃请输入用户名",rangelength:,z用户名长度必须在4〜20位Z间",remote:$.format(,z用户名{0}已存在,请重新输入!“)},password:{required:请输入密码",rangelength:密码长度必须在4〜20位Z间〃},chkpassword:{required:z,请再次输入密码〃,cqualTo:,z密码输入不一致,请重新输入〃},emai1:{required/7请输入电子邮件〃,email:〃请输入合法的电7、子邮件〃},vercode:{required:〃请输入验证码"});});//刷新验证码functionrefresh(){$(,,#authlmg,/).src=/,authlmg?now二〃+newDate();}//-->
4、//扩展validator的校验方法$.validator.addMethod(/zonlyLetterAndDigit",function(value,element,params){varrcgcx=newRegExp(J[0-9a-zA-Z]+$,);returnregex,test(value);},〃只能输入字母或数字〃);$(function(){$(〃#rcgistc")・validate({//定义验证规则,其屮屈性名为表单的name屈性rules:{username:{required:true,
5、onlyLetterAndDigit:true,//使用自定义方法限制只能输入字母或数字rangelength:[4,20],remote:/zregiste!validName.action"//使用町AX异步校验},password:{required:true,rangelength:[4,20]},chkpassword:{required:true,cqualTo:/z#passwordz/},emai1:{required:true,emai1:true},vercode:,,required,/},m
6、essages:{username:{rcquired:〃请输入用户名",rangelength:,z用户名长度必须在4〜20位Z间",remote:$.format(,z用户名{0}已存在,请重新输入!“)},password:{required:请输入密码",rangelength:密码长度必须在4〜20位Z间〃},chkpassword:{required:z,请再次输入密码〃,cqualTo:,z密码输入不一致,请重新输入〃},emai1:{required/7请输入电子邮件〃,email:〃请输入合法的电
7、子邮件〃},vercode:{required:〃请输入验证码"});});//刷新验证码functionrefresh(){$(,,#authlmg,/).src=/,authlmg?now二〃+newDate();}//-->
8、puttype二"text"name二"username"id=z'username/,/>
此文档下载收益归作者所有