您的位置：首页 > Web前端 > JQuery

jquery中validate插件表单验证

2015-08-17 09:03 495 查看

<%@ 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>

例子所需包

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航