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.
300 lines
11 KiB
Plaintext
300 lines
11 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>注册外部用户</title>
|
|
<script src="../../Scripts/easyUI145/jquery.min.js" type="text/javascript"></script>
|
|
<script src="../../Scripts/config.js" type="text/javascript"></script>
|
|
<script src="../../Comm/Gener.js" type="text/javascript"></script>
|
|
<script src="../../Scripts/QueryString.js" type="text/javascript"></script>
|
|
<link href="../../Scripts/layui/layui/css/layui.css" rel="stylesheet" />
|
|
<script src="../../Scripts/layui/layui/layui.js" type="text/javascript"></script>
|
|
<script src="../../../DataUser/JSLibData/CommonShowConfig.js"></script>
|
|
<style type="text/css">
|
|
|
|
.login-box {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
width: 320px;
|
|
height: 241px;
|
|
max-height: 300px;
|
|
}
|
|
|
|
.login-body .login-box h3 {
|
|
color: #444;
|
|
font-size: 22px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
}
|
|
|
|
.login-box .layui-input[type='number'] {
|
|
display: inline-block;
|
|
width: 50%;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.login-box img {
|
|
display: inline-block;
|
|
width: 46%;
|
|
height: 38px;
|
|
border: none;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
margin-left: 4%;
|
|
}
|
|
|
|
.login-box button.btn-reset {
|
|
width: 95px;
|
|
}
|
|
|
|
.login-box button.btn-submit {
|
|
width: 190px;
|
|
}
|
|
|
|
.login-main {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 350px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.login-main header {
|
|
margin-top: 150px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
font-size: 30px;
|
|
font-weight: 100;
|
|
text-align: center;
|
|
}
|
|
|
|
.login-main header, .login-main form, .login-main form .layui-input-inline {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.login-main form .layui-input-inline, .login-main form .layui-input-inline input, .login-main form .layui-input-inline button {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-main form .login-btn {
|
|
margin-bottom: 5px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
layui.use(['form', 'jquery', 'layer'], function () {
|
|
var form = layui.form;
|
|
var $ = layui.jquery;
|
|
var layer = layui.layer;
|
|
//添加表单失焦事件
|
|
//验证表单
|
|
$('#TB_No').blur(function () {
|
|
var user = $(this).val();
|
|
if (user == "") {
|
|
$('#wr').removeAttr('hidden');
|
|
$('#ri').attr('hidden', 'hidden');
|
|
layer.msg('账号不能为空');
|
|
}
|
|
|
|
var en = new Entity("BP.WF.Port.User");
|
|
en.No = user;
|
|
if (en.IsExits() == true) {
|
|
layer.confirm("该账号已经注册过了，您需要直接登录吗?", function (index) {
|
|
layer.close(index);
|
|
var url = GetHrefUrl();
|
|
url = url.replace("RegUser.htm", "Login.htm");
|
|
url += "&Tel=" + en.No;
|
|
SetHref(url);
|
|
});
|
|
}
|
|
$('#ri').removeAttr('hidden');
|
|
$('#wr').attr('hidden', 'hidden');
|
|
|
|
});
|
|
$('#TB_Name').blur(function () {
|
|
var name = $(this).val();
|
|
var en = new Entity("BP.WF.Port.User");
|
|
en.Name = name;
|
|
if (en.IsExits() == true) {
|
|
$('#nwr').removeAttr('hidden');
|
|
$('#nri').attr('hidden', 'hidden');
|
|
layer.msg('改昵称已经被注册，请更改昵称! ');
|
|
return;
|
|
|
|
}
|
|
$('#nri').removeAttr('hidden');
|
|
$('#nwr').attr('hidden', 'hidden');
|
|
|
|
});
|
|
|
|
// you code ...
|
|
// 为密码添加正则验证
|
|
$('#TB_Pass1').blur(function () {
|
|
if ($('#TB_Pass1').val() == "") {
|
|
$('#pwr').removeAttr('hidden');
|
|
$('#pri').attr('hidden', 'hidden');
|
|
layer.msg('密码不能为空');
|
|
}
|
|
//var reg = /^[\w]{6,12}$/;
|
|
/**if (!($('#TB_Pass1').val().match(reg))) {
|
|
//layer.msg('请输入合法密码');
|
|
$('#pwr').removeAttr('hidden');
|
|
$('#pri').attr('hidden', 'hidden');
|
|
layer.msg('请输入合法密码');
|
|
} else {*/
|
|
$('#pri').removeAttr('hidden');
|
|
$('#pwr').attr('hidden', 'hidden');
|
|
//}
|
|
});
|
|
|
|
//验证两次密码是否一致
|
|
$('#TB_Pass2').blur(function () {
|
|
if ($('#TB_Pass1').val() != $('#TB_Pass2').val()) {
|
|
$('#rpwr').removeAttr('hidden');
|
|
$('#rpri').attr('hidden', 'hidden');
|
|
layer.msg('两次输入密码不一致!');
|
|
} else {
|
|
$('#rpri').removeAttr('hidden');
|
|
$('#rpwr').attr('hidden', 'hidden');
|
|
};
|
|
});
|
|
|
|
|
|
});
|
|
|
|
function RegUser() {
|
|
var pass1 = $("#TB_Pass1").val();
|
|
var pass2 = $("#TB_Pass2").val();
|
|
if (pass1 != pass2) {
|
|
alert('err@两次密码不一致.');
|
|
return;
|
|
}
|
|
|
|
var en = new Entity("BP.WF.Port.User");
|
|
en.No = $("#TB_No").val();
|
|
en.Name = $("#TB_Name").val();
|
|
en.Pass = $("#TB_Pass1").val();
|
|
if (en.IsExits == true) {
|
|
alert("用户账号已经存在:" + en.No + " , 如果您已经注册过，请登录或找回密码。");
|
|
return;
|
|
}
|
|
en.Insert(); //注册成功，并开始登录.
|
|
|
|
//开始进入到二维码.
|
|
var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_GuestStartFlow");
|
|
handler.AddUrlData();
|
|
handler.AddPara("No", en.No);
|
|
handler.AddPara("Pass", pass1);
|
|
var data = handler.DoMethodReturnString("Login_Submit");
|
|
if (data.indexOf("err@") == 0) {
|
|
alert(data);
|
|
return;
|
|
}
|
|
|
|
layer.alert("注册成功,正在转入.");
|
|
|
|
var url = "../../MyFlow.htm?FK_Flow=" + GetQueryString("FK_Flow");
|
|
SetHref(url);
|
|
}
|
|
|
|
|
|
//登录.
|
|
function Login() {
|
|
|
|
var no = $("#TB_No").val();
|
|
var url = GetHrefUrl();
|
|
url = url.replace("RegUser.htm", "Login.htm");
|
|
url += "&Tel=" + no;
|
|
SetHref(url);
|
|
}
|
|
</script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<!--<table>
|
|
<caption>注册页 </caption>
|
|
<tr>
|
|
<td> </td>
|
|
</tr>
|
|
</table>-->
|
|
<div class="login-main">
|
|
<header class="layui-elip" style="width: 82%">注册页</header>
|
|
|
|
<!-- 表单选项 -->
|
|
<form class="layui-form">
|
|
<div class="layui-input-inline">
|
|
<!-- 用户名 -->
|
|
<div class="layui-inline" style="width: 85%">
|
|
<input type="text" id="TB_No" name="TB_No" required lay-verify="required" placeholder="请输入手机号，作为登陆账号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<!-- 对号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="ri" style="color: green;font-weight: bolder;" hidden></i>
|
|
</div>
|
|
<!-- 错号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="wr" style="color: red; font-weight: bolder;" hidden>ဆ</i>
|
|
</div>
|
|
</div>
|
|
<div class="layui-input-inline">
|
|
<!-- 用户名 -->
|
|
<div class="layui-inline" style="width: 85%">
|
|
<input type="text" id="TB_Name" name="TB_Name" required lay-verify="required"
|
|
placeholder="请输入昵称" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<!-- 对号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="nri" style="color: green;font-weight: bolder;" hidden></i>
|
|
</div>
|
|
<!-- 错号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="nwr" style="color: red; font-weight: bolder;" hidden>ဆ</i>
|
|
</div>
|
|
</div>
|
|
<!-- 密码 -->
|
|
<div class="layui-input-inline">
|
|
<div class="layui-inline" style="width: 85%">
|
|
<input type="password" id="TB_Pass1" name="TB_Pass1" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<!-- 对号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="pri" style="color: green;font-weight: bolder;" hidden></i>
|
|
</div>
|
|
<!-- 错号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="pwr" style="color: red; font-weight: bolder;" hidden>ဆ</i>
|
|
</div>
|
|
</div>
|
|
<!-- 确认密码 -->
|
|
<div class="layui-input-inline">
|
|
<div class="layui-inline" style="width: 85%">
|
|
<input type="password" id="TB_Pass2" name="TB_Pass2" required lay-verify="required" placeholder="请确认密码" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<!-- 对号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="rpri" style="color: green;font-weight: bolder;" hidden></i>
|
|
</div>
|
|
<!-- 错号 -->
|
|
<div class="layui-inline">
|
|
<i class="layui-icon" id="rpwr" style="color: red; font-weight: bolder;" hidden>ဆ</i>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="layui-input-inline login-btn" style="width: 85%">
|
|
<button type="button" lay-submit lay-filter="sub" class="layui-btn" onclick="RegUser()">注册</button>
|
|
</div>
|
|
<hr style="width: 85%" />
|
|
<p style="width: 85%"><a href="javaScript:void(0)" class="fl" onclick="Login()">已有账号？立即登录</a><a href="javascript:;" class="fr">忘记密码？</a></p>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |