<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type="text/javascript" src="<%=path%>/js/jquery.js" ></script> <script type="text/javascript" src="<%=path%>/js/jquery.validate.js"></script> <script type="text/javascript"> var validator; $(document).ready(function(){ $.validator.addMethod("zip_code",function(value,element,parents){ var laijie =/^[0-9]{6}$/; return this.optional(element)||(laijie.test(value)); },$.validator.format("{0}")); $("#check").click(function(){ alert($("#validateform").valid()?"true":"false"); }); $.validator.setDefaults({ debug:true}); validator = $("#validateform").validate({ rules:{ username:{ required:true, rangelength:[2,10], zip_code:"邮编格式" }, passwd:{ required:true, rangelength:[2,16] }, confirmpasswd:{ required:true, equalTo:"#passwd" } }, messages:{ username:{ required:"户名必填", rangelength:"用户名介于{0}和{1}之间" }, passwd:{ required:"密码为空", rangelength:"密码介于{0}和{1}之间" }, confirmpasswd:{ required:"确认密码为空", equalTo:"密码不相同" } }, submitHandler:function(form){ //form.submit(); console.log($(form).serialize()); } }); }); </script> </head> <body> <form action="" method="post" id="validateform" name="validateform"> <fieldset> <legend>登陆窗口</legend> 邮编: <input type="text" id="username" name="username"/><br> 密码: <input type="password" id="passwd" name="passwd"/><br> 确认密码: <input type="password" id="confirmpasswd" name="confirmpasswd"/><br> <input type="button" id="check" name="check" value="检查"> <input type="submit" id="send" value="注册" /><br> <div id = "resText"></div> </fieldset> </form> </body> </html>
jquery中validate插件表单验证
You only get what you deserve.
推荐阅读
- 【踩坑速记】开源日历控件,顺便全面解析开源库打包发布到Bintray/Jcenter全过程(新),让开源更简单~
- 【知识必备】一文让你搞懂design设计的CoordinatorLayout和AppbarLayout联动,让Design设计更简单~
- android 官方DrawerLayout的介绍和使用
- 【用户交互】APP没有退出前台但改变系统属性如何实时更新UI?监听系统广播,让用户交互更舒心~
- 【开源毕设】一款精美的家校互动APP分享——爱吖校推 [你关注的,我们才推](持续开源更新2)
- 【知识整理】这可能是最好的RxJava 2.x 入门教程(一)
- 【有美女看】提升用户体验,你不得不知道的事儿——巧用全屏与沉浸式体验,让用户更舒心~
- 【知识必备】内存泄漏全解析,从此拒绝ANR,让OOM远离你的身边,跟内存泄漏say byebye
- 打造android偷懒神器———ListView的万能适配器
- 快速入手别人的安卓项目??你信我,不会想错过这个~~~