You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
214 lines
9.6 KiB
Plaintext
214 lines
9.6 KiB
Plaintext
10 months ago
|
@{
|
||
|
|
Layout = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||
|
|
<title>@Resources.LangReg.PageTitle</title>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/bootstrap.min.css" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/font-awesome.min.css" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/animate.min.css" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/style.min.css" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/login.min.css" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/hplus/css/plugins/iCheck/custom.css" />
|
||
|
|
<link type="text/css" rel="stylesheet" href="~/Content/css/regist.css" />
|
||
|
|
<script src="~/Content/hplus/js/jquery.min.js"></script>
|
||
|
|
</head>
|
||
|
|
<body class="image-back">
|
||
|
|
<div class="middle-box text-center animated fadeInDown">
|
||
|
|
<div>
|
||
|
|
<!--<div>
|
||
|
|
<h1 class="title-text">Dongsheng</h1>
|
||
|
|
</div>-->
|
||
|
|
<h2 class="gray-text font-36">@Resources.LangReg.TextWelcomeReg</h2>
|
||
|
|
<!--<p class="gray-text">@Resources.LangReg.TextCreateNewAccount</p>-->
|
||
|
|
<form class="m-t" role="form" action="@Url.Action("Regist")" method="post" id="regForm">
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="text" class="form-control" name="name" placeholder="@Resources.LangReg.PhName">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="text" class="form-control" name="mobile" id="mobile" placeholder="@Resources.LangReg.PhInputMobile">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8">
|
||
|
|
<input type="text" class="form-control" name="mobileCode" id="mobileCode" placeholder="@Resources.LangReg.PhMobileCode">
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4">
|
||
|
|
<a id="btnGetMobileCode" class="btn btn-primary">@Resources.LangReg.TextGetMobileCode</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="password" class="form-control" name="password" id="password" placeholder="@Resources.LangReg.PhInputPassword">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="password" class="form-control" name="passwordRepeat" placeholder="@Resources.LangReg.PhRepeatPassword">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-8">
|
||
|
|
<input type="text" class="form-control" name="captcha" placeholder="@Resources.LangReg.PhValidCode">
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4">
|
||
|
|
<img src="@Url.Action("GetCaptcha", "common")" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="text" class="form-control" name="email" placeholder="@Resources.LangReg.PhEmail">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<input type="text" class="form-control" name="company_name" placeholder="@Resources.LangReg.PhFullName">
|
||
|
|
</div>
|
||
|
|
<div class="form-group text-left">
|
||
|
|
<div class="checkbox i-checks">
|
||
|
|
<label class="no-padding light-text argee">
|
||
|
|
<input type="checkbox" name="chkAgree"><i></i> @Resources.LangReg.TextIAgree
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button type="button" class="btn btn-primary block full-width m-b light-text" id="btnSubmit">@Resources.LangReg.BtnSubmit</button>
|
||
|
|
<p class="text-muted text-center gray-text">
|
||
|
|
@Resources.LangReg.TextAlreadyHaveAccount<a href="@Url.Action("Login")" class="red-text"><strong>@Resources.LangReg.TextClickHereLogin »</strong></a>
|
||
|
|
</p>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="~/Content/hplus/js/jquery.min.js?v=2.1.4"></script>
|
||
|
|
<script src="~/Content/hplus/js/bootstrap.min.js?v=3.3.5"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/metisMenu/jquery.metisMenu.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/layer/layer.min.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/hplus.min.js?v=4.0.0"></script>
|
||
|
|
<script src="~/Content/hplus/js/contabs.min.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/pace/pace.min.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/iCheck/icheck.min.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/validate/jquery.validate.min.js"></script>
|
||
|
|
<script src="~/Content/hplus/js/plugins/validate/messages_zh.min.js"></script>
|
||
|
|
<script src="~/Content/js/validatorConfig.js"></script>
|
||
|
|
<script src="~/Content/js/common.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var num = 0;
|
||
|
|
var icon = "<i class='fa fa-times-circle'></i> ";
|
||
|
|
$(function () {
|
||
|
|
$("#regForm").validate({
|
||
|
|
rules: {
|
||
|
|
name: "required",
|
||
|
|
mobile: "required",
|
||
|
|
mobileCode: "required",
|
||
|
|
password: {
|
||
|
|
required: true,
|
||
|
|
strongPwd: true
|
||
|
|
},
|
||
|
|
passwordRepeat: {
|
||
|
|
required: true,
|
||
|
|
equalTo: "#password"
|
||
|
|
},
|
||
|
|
captcha: "required",
|
||
|
|
email: "required",
|
||
|
|
company_name: "required",
|
||
|
|
chkAgree: "required"
|
||
|
|
},
|
||
|
|
messages: {
|
||
|
|
name: icon + "@Resources.LangReg.ValidInputName",
|
||
|
|
mobile: icon + "@Resources.LangReg.ValidInputMobile",
|
||
|
|
mobileCode: icon + "@Resources.LangReg.ValidInputMobileCode",
|
||
|
|
password: {
|
||
|
|
required: icon + "@Resources.LangReg.ValidInputPwd"
|
||
|
|
},
|
||
|
|
passwordRepeat: {
|
||
|
|
required: icon + "@Resources.LangReg.ValidInputPwdRepeat",
|
||
|
|
equalTo: icon + "@Resources.LangReg.ValidPwdNotSame"
|
||
|
|
},
|
||
|
|
captcha: icon + "@Resources.LangReg.ValidInputVcode",
|
||
|
|
email: icon + "@Resources.LangReg.ValidInputEmail",
|
||
|
|
company_name: icon + "@Resources.LangReg.ValidInputFullName",
|
||
|
|
chkAgree: {
|
||
|
|
required: icon + "@Resources.LangReg.ValidMustAgree",
|
||
|
|
element: '#agree-error'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.i-checks').iCheck({
|
||
|
|
checkboxClass: 'icheckbox_square-green',
|
||
|
|
radioClass: 'iradio_square-green',
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#btnSubmit").click(function () {
|
||
|
|
if ($("#regForm").valid()) {
|
||
|
|
var seriaStr = $("#regForm").serialize();
|
||
|
|
debugger;
|
||
|
|
$.ajax({
|
||
|
|
method: 'POST',
|
||
|
|
url: '@Url.Action("Regist", "User")',
|
||
|
|
data: seriaStr,
|
||
|
|
success: function (data) {
|
||
|
|
alert(data.Message);
|
||
|
|
if (data.Success) {
|
||
|
|
//$("#regForm input").val("");
|
||
|
|
location.href = '@Url.Action("login")';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#regForm img").click(function () {
|
||
|
|
this.src = '@Url.Action("GetCaptcha", "common")?rnd=' + new Date()
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#btnGetMobileCode").click(function () {
|
||
|
|
var mobile = $("#mobile").val();
|
||
|
|
if (mobile.length != 11) {
|
||
|
|
alert("@Resources.LangReg.ValidInputMobile");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
num = 120;
|
||
|
|
$.ajax({
|
||
|
|
type: 'POST',
|
||
|
|
url: '@Url.Action("GetMobileCode", "common")?mobile=' + mobile,
|
||
|
|
success: function (data) {
|
||
|
|
alert(data.Message);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
setInterval(function () {
|
||
|
|
if (num > 0) {
|
||
|
|
num--;
|
||
|
|
$("#btnGetMobileCode").attr("disabled","disabled");
|
||
|
|
$("#btnGetMobileCode").text(num +'@Resources.LangReg.TextGetAfterSecond');
|
||
|
|
} else {
|
||
|
|
$("#btnGetMobileCode").removeAttr("disabled");
|
||
|
|
$("#btnGetMobileCode").text('@Resources.LangReg.TextGetVcode');
|
||
|
|
}
|
||
|
|
}, 1000);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$.validator.addMethod("strongPwd", function (value, element, params) {
|
||
|
|
return checkPwdStrong(value)
|
||
|
|
}, "@Resources.LangReg.ValidPwdStrong");
|
||
|
|
|
||
|
|
@*function checkPwdStrong(pwd) {
|
||
|
|
var c0 = pwd.length >= 6;
|
||
|
|
var c1 = /[a-z]+/.test(pwd);
|
||
|
|
var c2 = /[A-Z]+/.test(pwd);
|
||
|
|
var c3 = /[0-9]+/.test(pwd);
|
||
|
|
if (c0 && c1 && c2 && c3) {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}*@
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|