《JQuery validate插件验证用户注册信息_.docx》由会员分享，可在线阅读，更多相关《JQuery validate插件验证用户注册信息_.docx（9页珍藏版）》请在三一文库上搜索。
1、JQuery validate插件验证用户注册信息_ 这篇文章主要为大家具体介绍了JQuery validate插件验证用户注册信息的具体代码，具有肯定的参考价值，感爱好的小伙伴们可以参考一下 用法JQuery的validate插件做客户端验证特别便利，下面做一个用法validate插件验证用户注册信息的例子。 本实例用法的是1.5版本。 示例是在SSH下做的，代码如下： registe.jsp % page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% !DOCTYPE html PUBLIC -
2、/W3C/DTD HTML 4.01 Transitional/EN l4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 title注册页面/title mce:script type=text/javascript src=js/jquery.1.4.2.js mce_src=js/jquery.1.4.2.js/mce:script mce:script type=text/javascript src=js/validate/jquery.validate.js mce_
3、src=js/validate/jquery.validate.js/mce:script link href=js/validate/jquery.validate.css mce_href=js/validate/jquery.validate.css type=text/css rel=stylesheet/ mce:script type=text/javascript!- /扩展validator的校验方法 $.validator.addMethod(onlyLetterAndDigit,function(value, element, params) var regex=new R
4、egExp(0-9a-zA-Z+$); return regex.test(value); ,只能输入字母或数字); $(function() $(#registe).validate( /定义验证规章,其中属性名为表单的name属性 rules: username: required:true, onlyLetterAndDigit:true,/用法自定义方法限制只能输入字母或数字 rangelength:4,20, remote:registe!validName.action/用法AJAX异步校验 , password: required:true, rangelength:4,20 ,
5、 chkpassword: required:true, equalTo:#password , email: required:true, email:true , vercode:required , messages: username: required:请输入用户名, rangelength:用户名长度必需在420位之间, remote:$.format(用户名0已存在，请重新输入！) , password: required:请输入密码, rangelength:密码长度必需在420位之间 , chkpassword: required:请再次输入密码, equalTo:密码输入不
6、全都，请重新输入 , email: required:请输入电子邮件, email:请输入合法的电子邮件 , vercode: required:请输入验证码 ); ); /刷新验证码 function refresh() $(#authImg).src=authImg?now=+new Date(); / -/mce:script /head body form action=registe.action method=post id=registe table captionh2用户注册/h2/caption tr td用 户 名：/tdtdinput type=text name=use
7、rname id=username/td /tr tr td密 码：/tdtdinput type=text name=password id=password/ /td /tr tr td确认密码：/tdtdinput type=text name=chkpassword/td /tr tr tdEmail：/tdtdinput type=text name=email/td /tr tr td验证码：/tdtd valign=bottominput type=text name=vercode size=10/ img alt= src=authImg mce_src=authImg id
8、=authImg align=absmiddlea href=# mce_href=# onclick=refresh()span style=font-size:12px mce_style=font-size:12px刷新验证码/span/a/td /tr tr td colspan=2input type=submit value=提交/input type=reset value=重填/td /tr /table /form /body /html 后台RegisteAction.java的主要方法 public String execute() throws Exception Ma
9、p session = ActionContext.getContext().getSession(); String ver2 = (String) session.get(rand); session.put(rand, null); /推断验证码是否正确 if (vercode.equals(ver2) if (userManager.validName(username) if (userManager.addUser(username, password, email) 0) return SUCCESS; else addActionError(注册失败，请重试！); else a
10、ddActionError(该用户名已存在，请重新输入！); else addActionError(验证码不匹配，请重新输入); return INPUT; /验证用户名是否可用 public String validName() throws Exception System.out.println(username); boolean flag = userManager.validName(username); HttpServletResponse response = ServletActionContext.getResponse(); response.setDateHeade
11、r(Expires, 0); response.addHeader(Pragma, no-cache); response.setHeader(Cache-Control, no-cache); response.setContentType(text/plain;charset=UTF-8); if (flag) response.getWriter().write(true); else response.getWriter().write(false); response.getWriter().flush(); / 由于挺直输出内容而不经过jsp,因此返回null. return nu
12、ll; 效果图如下： 留意：用法remote异步验证用户名的方法应当通过response.getWriter().write(true)来输出，而不能像一般方法一样返回字符串。 关于插件更具体的介绍可以查看“jQuery validate验证插件用法详解”。 另外，jQuery也支持动态给控件添加校验，例如： 复制代码 代码如下: (#email).rules(add, required: true, email: true ); 但要留意：假如对集合中的元素动态添加校验需要循环对每个元素添加，这是由于jQuery隐式实现了集合操作，但validate插件没有。例如： $(.quantity).each(function() $(this).rules(add,digits:true,required:true); ); 以上就是本文的全部内容，盼望对大家的学习有所关心。 .