用户列表替换掉商业版的 formvalidation

This commit is contained in:
hohoTT
2015-08-17 14:51:33 +08:00
parent d828be2a28
commit 164e44b398
3 changed files with 40 additions and 74 deletions

View File

@@ -1,4 +1,4 @@
require(["jquery", "avalon", "csrfToken", "bsAlert", "formValidation"], function ($, avalon, csrfTokenHeader, bsAlert) { require(["jquery", "avalon", "csrfToken", "bsAlert", "validator"], function ($, avalon, csrfTokenHeader, bsAlert) {
// avalon:定义模式 userList // avalon:定义模式 userList
@@ -87,52 +87,9 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "formValidation"], function
}); });
} }
$("#edit_user-form") $("#edit_user-form").validator()
.formValidation({ .on('submit', function (e) {
framework: "bootstrap", if (!e.isDefaultPrevented()) {
fields: {
username: {
validators: {
notEmpty: {
message: "请填写用户名"
},
stringLength: {
min: 3,
max: 30,
message: '用户名长度必须在3到30位之间'
}
}
},
real_name: {
validators: {
notEmpty: {
message: "请填写真实姓名"
}
}
},
email: {
validators: {
notEmpty: {
message: "请填写电子邮箱邮箱地址"
},
emailAddress: {
message: "请填写有效的邮箱地址"
}
}
},
password: {
validators: {
stringLength: {
min: 6,
max: 30,
message: '密码长度必须在6到30位之间'
}
}
}
}
}
).on('success.form.fv', function (e) {
e.preventDefault();
var data = { var data = {
username: vm.username, username: vm.username,
real_name: vm.realName, real_name: vm.realName,
@@ -150,14 +107,16 @@ require(["jquery", "avalon", "csrfToken", "bsAlert", "formValidation"], function
method: "put", method: "put",
success: function (data) { success: function (data) {
if (!data.code) { if (!data.code) {
bsAlert("提交成功!"); bsAlert("编辑成功!");
getPageData(1); getPageData(1);
$("#password").val(""); $("#password").val("");
} else { } else {
bsAlert(data.data); bsAlert(data.data);
} }
} }
}) });
return false;
}
}); });
}); });

View File

@@ -17,7 +17,7 @@
<div class="col-md-3"> <div class="col-md-3">
<div class="form-group"><label>时间限制(ms)</label> <div class="form-group"><label>时间限制(ms)</label>
<input type="number" name="cpu" class="form-control" ms-duplex="timeLimit" <input type="number" name="timeLimit" class="form-control" ms-duplex="timeLimit"
data-error="请输入时间限制(保证是一个1-5000的合法整数)" maxlength="5000" required> data-error="请输入时间限制(保证是一个1-5000的合法整数)" maxlength="5000" required>
<div class="help-block with-errors"></div> <div class="help-block with-errors"></div>
</div> </div>

View File

@@ -52,19 +52,26 @@
<input name="id" type="number" class="form-control" readonly ms-duplex="id"> <input name="id" type="number" class="form-control" readonly ms-duplex="id">
</div> </div>
<div class="form-group col-md-4"><label>用户名</label> <div class="form-group col-md-4"><label>用户名</label>
<input name="username" type="text" class="form-control" ms-duplex="username"> <input name="username" type="text" class="form-control" ms-duplex="username"
data-minlength="3" data-minlength-error="用户名不得少于3位" required>
<div class="help-block with-errors"></div>
</div> </div>
<div class="form-group col-md-4"><label>真实姓名</label> <div class="form-group col-md-4"><label>真实姓名</label>
<input name="real_name" type="text" class="form-control" ms-duplex="realName"> <input name="real_name" type="text" class="form-control" ms-duplex="realName"
data-error="请填写真实姓名" maxlength="30" required>
<div class="help-block with-errors"></div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="form-group col-md-4"><label>新密码(留空则保留原密码)</label> <div class="form-group col-md-4"><label>新密码(留空则保留原密码)</label>
<input name="password" type="password" class="form-control" id="password" ms-duplex="password" <input name="password" type="password" class="form-control" id="password" ms-duplex="password"
placeholder="此项留空则保留原密码"> placeholder="此项留空则保留原密码" data-minlength="6" data-minlength-error="密码不得少于6位">
<div class="help-block with-errors"></div>
</div> </div>
<div class="form-group col-md-4"><label>电子邮箱</label> <div class="form-group col-md-4"><label>电子邮箱</label>
<input name="email" type="email" class="form-control" ms-duplex="email"> <input name="email" type="email" class="form-control" ms-duplex="email"
data-error="请填写邮箱地址" required>
<div class="help-block with-errors"></div>
</div> </div>
<div class="form-group col-md-4"><label>用户类型</label> <div class="form-group col-md-4"><label>用户类型</label>
<select name="admin_type" class="form-control" ms-duplex="adminType"> <select name="admin_type" class="form-control" ms-duplex="adminType">