<span style="font-size:14px;"><div id="addAdminDialog" class="modal fade" tabindex="-1"> 
<div class="modal-dialog cy-modal-dialog-f"> 
<div class="modal-content"> 
<div class="modal-header"> 
<button class="close" data-dismiss="modal"><span>×</span></button> 
<h4 class="modal-title" id="myLargeModalLabel">新增管理員</h4> 
</div> 
<div class="modal-body"> 
<form id="addAdminForm" method="post" action="${ctx}/admin/operator/add.htm" class="form-horizontal"> 
<div class="form-group"> 
<label class="form-label text-bold" for="">登錄名</label> 
<input class="form-control" placeholder="" type="text" name="loginName" id="addLoginName"/> 
</div> 
<div class="form-group"> 
<label class="form-label text-bold" for="">用戶名</label> 
<input class="form-control" placeholder="" type="text" name="userName" id="addUserName" /> 
</div> 
<div class="form-group"> 
<label class="form-label text-bold" for="">密碼</label> 
<input class="form-control" placeholder="" type="password" name="password" id="addPassword" /> 
</div> 
<div class="form-group"> 
<label class="form-label text-bold" for="">角色</label> 
<div class="form-group"> 
<div class="col-md-10 col-xs-10"> 
<div class="checkbox cy-nopadding" id="addRoles"> 
<c:forEach var="role" items="${roles}"> 
<label name="addRoleLabel" class="form-checkbox form-icon form-text"><input type="checkbox" id="addRole_${role.id}" name="roles" value="${role.id}"> ${role.roleName}</label> 
</c:forEach> 
</div> 
</div> 
</div> 
</div> 
</form> 
</div> 
<!--Modal footer--> 
<div class="modal-footer"> 
<button class="btn btn-primary" onclick="addAdmin();">確定</button> 
<button data-dismiss="modal" class="btn btn-default" type="button">取消</button> 
</div> 
</div> 
</div> 
</div></span> 

<span style="font-size:14px;">var faIcon = { 
valid: 'glyphicon glyphicon-ok', 
invalid: 'glyphicon glyphicon-remove', 
validating: 'glyphicon glyphicon-refresh' 
} 
//新增管理員前臺(tái)校驗(yàn) 
$("#addAdminForm").bootstrapValidator({ 
message: 'This value is not valid', 
//反饋圖標(biāo) 
feedbackIcons:faIcon, 
fields: { 
loginName:{ 
message:'登錄名無(wú)效', 
validators:{ 
notEmpty:{ 
message:'登錄名不能為空' 
}, 
StringLength:{ 
min:5, 
max:30, 
message:'用戶名長(zhǎng)度大于6位并且小于30位' 
}, 
regexp:{ 
regexp:/^[a-zA-Z0-9_]+$/, 
message:'用戶名只能由字母、數(shù)字和下劃線' 
} 
} 
}, 
userName: { 
message: '用戶名格式不正確', 
validators: { 
notEmpty: { 
message: '用戶名不能為空' 
}, 
stringLength: { 
min: 6, 
max: 30, 
message: '用戶名長(zhǎng)度大于6位并且小于30位' 
}, 
regexp: { 
regexp: /^[a-zA-Z0-9_]+$/, 
message: '用戶名只能由字母、數(shù)字和下劃線' 
} 
} 
}, 
password: { 
validators: { 
notEmpty: { 
message: '郵箱不能為空' 
}, 
emailAddress: { 
message: '輸入的不是一個(gè)有效的電子郵件地址' 
} 
} 
} 
} 
});</span> 

<span style="font-size:14px;">// 新增操作員 
function addAdmin() { 
/*手動(dòng)驗(yàn)證表單，當(dāng)是普通按鈕時(shí)。*/ 
$('#addAdminForm').data('bootstrapValidator').validate(); 
if(!$('#addAdminForm').data('bootstrapValidator').isValid()){ 
return ; 
} 
$("#addAdminForm").ajaxSubmit({ 
dataType : 'json', 
type : "post", 
success : function(json) { 
if (json.status == "succ") { 
doQuery(); 
Modal.alert({ 
msg : "操作成功" 
}); 
$("#addAdminDialog").modal('hide'); 
} else { 
Modal.alert({ 
msg : json.msg 
}); 
} 
}, 
error : function() { 
Modal.alert({ 
msg : "操作失敗" 
}); 
} 
}); 
}</span>