<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery.validate.js"></script>
<script type="text/javascript">
/**
*自定義驗證方法
*/
$.validator.addMethod("usernameCheck", function(value, element, param) {
var pattern = /^[0-9a-zA-Z\u4e00-\u9fa5]{4,20}$/;
var flag = pattern.test(value);
if (!flag) {
return false;
}
return true;
});
$.validator.addMethod("NoNameCheck", function(value, element, param) {
var pattern = /^[0-9a-zA-Z]{4,20}$/;
var flag = pattern.test(value);
if (!flag) {
return false;
}
return true;
});
$(function() {
$("#userAddForm").validate({
rules : {
"username" : {
required : true,
usernameCheck : true,
remote : {
url : '${pageContext.request.contextPath}/uservalidateAction_checkUserName.action',
type : 'post',
dataType : 'json',
data : {
"username":function(){
return $("#username").val();
}
}
}
},
"userNo" :{
required : true,
NoNameCheck: true,
remote : {
url : '${pageContext.request.contextPath}/uservalidateAction_checkUserNo.action',
type : 'post',
dataType : 'json',
data : {
"userNo":function(){
return $("#userNo").val();
}
}
}
},
"password" :{
required : true,
NoNameCheck : true
},
"roleId" :{
required : true
},
"phone" : {
digits:true,
rangelength:[11,11]
},
"email" : {
email: true
}
},
messages : {
username : {
required : "用戶名不能為空",
usernameCheck : "用戶名必須輸入字母、數字或漢字 4-20個字符",
remote: "用戶名已存在"
},
userNo : {
required : "用戶賬號不能為空",
NoNameCheck : "用戶賬號必須輸入字母或數字 4-20個字符",
remote: "用戶賬號已存在"
},
password :{
required : "密碼不能為空",
NoNameCheck : "密碼必須輸入字母或數字 4-20個字符"
},
roleId :{
required : "請選擇角色"
},
phone: {
digits: "請輸入11位電話號碼",
rangelength: "請輸入11位電話號碼"
},
email : {
email : "請輸入正確的Email格式"
}
}
});
$("#userSubmit").click(function() {
$("#userAddForm").submit();
});
});
</script>
</head>
<body>
人員管理—人員新增
<form id="userAddForm" action="${pageContext.request.contextPath}/tuserAction!add.action" method="post">
<table border="1px" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top">姓名：</td>
<td><input id="username" name="username" /></td>
</tr>
<tr>
<td align="center" valign="top">帳號：</td>
<td><input id="userNo" name="userNo" /></td>
</tr>
<tr>
<td align="center" valign="top">密碼：</td>
<td><input name="password" /></td>
</tr>
<tr>
<td align="center" valign="top">角色：</td>
<td>
<s:select name="roleId" headerValue="請選擇角色" list="#request.roles" headerKey=""
listKey="roleId" listValue="roleName" multiple="false" theme="simple"/>
</td>
</tr>
<tr>
<td align="center" valign="top">聯系電話：</td>
<td><input name="phone" /></td>
</tr>
<tr>
<td align="center" valign="top">電子郵件：</td>
<td><input name="email" /></td>
</tr>
</table>
<div >
<input id="userSubmit" type="submit" value="提交"/>
<input type="button"value="返回" onclick="javascript:window.location.href='${pageContext.request.contextPath}/tuserAction!findUser.action'"/>
</div>
</form>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
