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

jQuery Validate 自定义验证方法引入问题

2016-07-09 11:08 736 查看

一、封装自定义的验证方法到 jquery.validate.custom.js

$(function(){
//登录名只能由中文、英文、数字、和下划线组成
jQuery.validator.addMethod("loginname", function(value, element) {
var char = /^[a-zA-Z0-9\u4e00-\u9fa5-_]+$/;
return this.optional(element) || char.test(value);
}, $.validator.format("登录名只能包含中文、英文、数字、下划线"));
});


二、在jsp中调用这个方法（需要引入该方法所在的js-jquery.validate.custom.js）

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%String path = request.getContextPath();%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="<%=path%>/public/style/main.css">
<script type="text/javascript" src="<%=path%>/public/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/public/js/jquery.validate.custom.js"></script>
<script type="text/javascript" src="<%=path%>/public/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<%=path%>/public/js/messages_zh.min.js"></script>
<title>修改密码</title>
</head>
<body>
<div id="content">
<div id="sxmslr" align="center">
<form id="update" name="update" method="post" action="<%=path%>/user/updatepass/${id}" onSubmit="return check()">
<table width="50%" class="border" border="0" cellSpacing="1">
<tbody>
<tr class="tdbg" align="center">
<td height="45" colSpan="5" background="<%=path%>/public/images/tablethbg.png">修改密码</td>
</tr>
<tr class="tdbg">
<td width="20%" height="45" class="tdbg_left">原密码:</td>
<td class="tdbg_right"><input id="password1" name="password1" type="text" size="20"></td>
</tr>
<tr class="tdbg" >
<td width="20%" height="45" class="tdbg_left">新密码:</td>
<td class="tdbg_right"><input id="password2" name="password2" type="text" size="20"></td>
</tr>
<tr class="tdbg" align="center">
<td width="20%" height="45" class="tdbg_left">确认密码:</td>
<td class="tdbg_right"><input name="password3" type="text" size="20"></td>
</tr>
</tbody>
<tr class="tdbg" align="center">
<td height="45" align="center" class="tdbg" colSpan="5"><input
name="Submit" class="add2" type="submit" value="修改" size="4">
<input name="Cancel" class="add2" id="Cancel" type="reset"
value="重置" size="4"></td>
</tr>
</table>
</form>
</div>
</div>
</body>
<script type="text/javascript">
$().ready(function() {
$("#update").validate({
rules:{
password1:{//表单中input的name
required:true,
},
password2:{
required:true,
password:true//jquery.validate.custom.js中的方法的名字
},
password3:{
equalTo:"#password2"//判断是否与password2的值相同
}
},

}
});

});
</script>
</html>


其中，update为表单的id。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航