添加 VIP 用户 - 用户管理系统 - 常规

<html>
<head>
<meta charset="UTF-8">
<title>用户管理-vip用户-添加</title>
	<!--全局CSS-->
	<link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
	<link href="/css/bootstrapValidator.min.css" rel="stylesheet" type="text/css" />
	<link href="/static/plugins/bootstrap_table/Content/bootstrap-table.css" rel="stylesheet" type="text/css" />
	<!--全局JS-->
	<script src="/js/jquery-2.1.4.min.js" type="text/javascript"></script>
	<script src="/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/ArbetTable.js" type="text/javascript"></script>
	<script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/bootstrap-table.js" type="text/javascript"></script>
	<script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/locale/bootstrap-table-zh-CN.js" type="text/javascript"></script>
	<script src="/js/bootstrap-dialog.js" type="text/javascript"></script>
	<script src="/js/bootstrapValidator.min.js" type="text/javascript"></script>
	<script src="/static/plugins/layer/layer.js" type="text/javascript"></script>
	<script src="/static/plugins/laydate/laydate.js" type="text/javascript"></script>
	<!-- 对等js -->
	<script type="text/javascript" src="/static/js/main/vuserMgr/vipUser_add.js"></script>
</head>
<body>
		<div class="loginbox registbox" style="padding-top:20px">
			<form id="vipUser_add">
				<div class="form-group" style="padding-left:80px">
	       		    <input  placeholder="用户昵称" class="form-control" 
	   		        		id="vnickName" name="nickName" style="width: 300px;" />
	            </div>
	            <div class="form-group" style="padding-left:80px">
	                <input placeholder="邮箱地址" type="text" class="form-control" 
	                	id="vemail" name="email" style="width: 300px;" />
	            </div>
	            <div class="form-group" style="padding-left: 80px;line-height:80px;">
	                <button name="submit" class="btn btn-primary" style="width: 300px;">保存</button>
	            </div>
	   			</form>
		</div>
</body>
	<script type="text/javascript">
	</script>
</html>
<p>//关闭子窗口
function closeWindow(){
//获取窗口索引
var index = parent.layer.getFrameIndex(window.name);
console.log('index: '+index);
parent.layer.close(index);
//刷新父页面
window.parent.location.reload();
}</p>
<p>//全局加载
$(function () {
//注册选项验证
formValidator();
});</p>
<p>//参数值收集
function collectParams(){
vnickName = $(&quot;#vnickName&quot;).val();
vemail = $(&quot;#vemail&quot;).val();
}</p>
<p>//注册选项验证
function formValidator(){
$(&quot;#vipUser_add&quot;).bootstrapValidator({
message: 'This value is not valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
nickName: {
message: '用户名验证失败',
validators: {
notEmpty: {
message: '用户名不能为空'
},
stringLength: {
min: 3,
max: 18,
message: '用户名长度必须在3到18位之间'
}
}
},
email: {
validators: {
notEmpty: {
message: '邮箱不能为空'
},
emailAddress: {
message: '邮箱地址格式有误'
},
//ajax后端校验
remote: { // 需求一个json数据（{'valid': true or false}）
url: '/vuser/checkEmail',       //验证地址
message: '该用户已存在',   //提示信息
delay: 2000,//ajax刷新的时间是2秒一次，这个值过小会对服务器造成压力
type: 'POST',          //请求方式
data: function(validator){  //自定义提交数据，默认为当前input name值
return {
act: 'is_registered',
vemail: $(&quot;input[name='vemail']&quot;).val()
};
}
}
}
},</p>
<pre><code>    },
}).on('success.form.bv',function(){
	//参数收集
	collectParams();
	//发送Ajax
	$.ajax({
		url: &quot;/vuser/add&quot;,
		type:&quot;POST&quot;,
		data:{&quot;vnickName&quot;:vnickName,&quot;vemail&quot;:vemail},
		success:function(data){
			if(data == true){
				layer.msg(&quot;添加成功！&quot;);
				//延迟关闭子窗口
				setTimeout(&quot;closeWindow()&quot;, 1000);
			}
		},
		dataType:&quot;json&quot;
	});
	
});
</code></pre>