223 lines
9.4 KiB
Plaintext
223 lines
9.4 KiB
Plaintext
<%@page import="com.sipai.tools.CommString"%>
|
||
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
||
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
<head>
|
||
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<script type="text/javascript">
|
||
var doregister = function() {
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
$('#registerbut').attr('disabled',"true");
|
||
setTimeout(function(){
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/user/saveRegisterUser.do", $("#subForm").serialize(), function(data) {
|
||
if (data.res == 1) {
|
||
showAlert('s','注册成功,系统即将跳转...');
|
||
$('#registerbut').attr('disabled',"true");
|
||
setTimeout(function() {location.replace(ext.contextPath);},2000);
|
||
|
||
}else if(data.res == 0){
|
||
showAlert('d','注册失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}
|
||
$('#registerbut').removeAttr("disabled");
|
||
}, 500);
|
||
};
|
||
|
||
$(function() {
|
||
//微信授权注册
|
||
var companyid=$('#pid').val();
|
||
//console.info(companyid);
|
||
$("#btn_wechat").attr('href','http://wx.sipaiis.com/wxAuth/wxLogin?systemFlag=SIPAIIS_WMS'+'&companyid='+companyid);
|
||
|
||
//输入框验证
|
||
$("#subForm").bootstrapValidator({
|
||
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
||
fields: {
|
||
caption: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '用户名不能为空'
|
||
}
|
||
}
|
||
},
|
||
mobile: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '手机号不能为空'
|
||
},
|
||
stringLength: {//检测长度
|
||
min: 11,
|
||
max: 11,
|
||
message: '请输入中国大陆11位手机号'
|
||
},
|
||
remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值，获得一个json数据。例表示正确：{"valid",true}
|
||
url: ext.contextPath + '/user/checkExist.do',//验证地址
|
||
message: '手机号已存在',//提示消息
|
||
type: 'POST',//请求方式
|
||
data: function(validator) {
|
||
return {
|
||
mobile: $('#mobile').val()
|
||
};
|
||
}
|
||
},
|
||
}
|
||
},
|
||
password: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '密码不能为空'
|
||
}
|
||
}
|
||
},
|
||
repassword: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '重新输入密码为空'
|
||
},
|
||
identical: {
|
||
field: 'password',
|
||
message: '密码不一致'
|
||
},
|
||
}
|
||
},
|
||
verificationcode: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '验证码不能为空'
|
||
},
|
||
stringLength: {//检测长度
|
||
min: 6,
|
||
max: 6,
|
||
message: '请输入6位验证码'
|
||
},
|
||
remote: {//ajax验证。server result:{"valid",true or false} 向服务发送当前input name值，获得一个json数据。例表示正确：{"valid",true}
|
||
url: ext.contextPath + '/user/checkVerificationCode.do',//验证地址
|
||
message: '验证码不正确',//提示消息
|
||
type: 'POST',//请求方式
|
||
data: function(validator) {
|
||
return {
|
||
mobile: $('#mobile').val(),
|
||
verificationcode: $('#verificationcode').val()
|
||
};
|
||
}
|
||
},
|
||
}
|
||
},
|
||
}
|
||
});
|
||
});
|
||
//发送验证码
|
||
var sendVerificationCode = function(){
|
||
//验证手机号码
|
||
$("#subForm").data("bootstrapValidator").validateField("mobile");
|
||
//延迟加载，避免出现手机号第一次验证全为false现象
|
||
setTimeout(function(){
|
||
if($("#subForm").data("bootstrapValidator").isValidField("mobile")){
|
||
//验证码倒计时,发送验证码按钮不可用
|
||
$("#sendButton").attr("disabled","true");
|
||
$("#sendButton").html('重新发送<b id="countdown">(60s)</b>');
|
||
var countdown = document.getElementById("countdown");
|
||
var i = 60;
|
||
var timer = setInterval(function(){
|
||
i--;
|
||
countdown.innerHTML = "("+i+"s)";
|
||
if(i==0){
|
||
$("#sendButton").removeAttr("disabled");
|
||
$("#sendButton").html("发送验证码");
|
||
}
|
||
},1000);
|
||
$.post(ext.contextPath + "/user/sendVerificationCode.do", {mobile:$("#mobile").val()}, function(data) {
|
||
/* if (data.result == "true") {
|
||
}else if(data.result == "false"){
|
||
} */
|
||
},'json');
|
||
}
|
||
}, 200);
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
<body class="hold-transition register-page">
|
||
<div class="register-box">
|
||
<div class="register-logo">
|
||
<a ><b>运维平台</b></a>
|
||
</div>
|
||
|
||
<div class="register-box-body">
|
||
<p class="login-box-msg">${unit.name}-注册</p>
|
||
|
||
<form id ="subForm">
|
||
<div id="alertDiv"></div>
|
||
<input id ="pid" name="pid" type="hidden" value="${unit.id}"/>
|
||
<div class="form-group has-feedback">
|
||
<input type="text" class="form-control" name="caption" placeholder="姓名">
|
||
<span class="glyphicon glyphicon-user form-control-feedback"></span>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<input type="tel" class="form-control" id ="mobile" name="mobile" placeholder="手机">
|
||
<span class="glyphicon glyphicon-earphone form-control-feedback"></span>
|
||
</div>
|
||
<div class="form-group ">
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" id ="verificationcode" name="verificationcode" placeholder="验证码">
|
||
<span class="input-group-btn">
|
||
<button type="button" id="sendButton" class="btn btn-info btn-flat" onclick="sendVerificationCode();">发送验证码</button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<input type="password" class="form-control" name ="password" placeholder="密码">
|
||
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
||
</div>
|
||
<div class="form-group has-feedback">
|
||
<input type="password" class="form-control" name="repassword" placeholder="重新输入密码">
|
||
<span class="glyphicon glyphicon-log-in form-control-feedback"></span>
|
||
</div>
|
||
<div class="row">
|
||
<!-- <div class="col-xs-8">
|
||
<div class="checkbox icheck">
|
||
<label>
|
||
<input type="checkbox"> I agree to the <a href="#">terms</a>
|
||
</label>
|
||
</div>
|
||
</div> -->
|
||
<!-- /.col -->
|
||
<div class="col-xs-4 pull-left">
|
||
<a type="button" id="btn_wechat" class="btn bg-green btn-flat pull-left" ><i class="fa fa-weixin"></i> 微信授权</a>
|
||
</div>
|
||
<div class="col-xs-4 pull-right">
|
||
<button type="button" id='registerbut' class="btn btn-primary btn-flat pull-right" onclick="doregister();"><i class="fa fa-mobile-phone"></i> 手机注册</button>
|
||
</div>
|
||
<!-- /.col -->
|
||
</div>
|
||
</form>
|
||
<!-- <div class="social-auth-links text-center">
|
||
<p>- OR -</p>
|
||
<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign up using
|
||
Facebook</a>
|
||
<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign up using
|
||
Google+</a>
|
||
</div>-->
|
||
<br>
|
||
<text class="text-center">手机号注册后，请使用手机号登陆</text> <br>
|
||
<text class="text-center">微信授权注册后，可以使用微信授权登陆</text>
|
||
</div>
|
||
<!-- /.form-box -->
|
||
</div>
|
||
<!-- /.register-box -->
|
||
|
||
</body>
|
||
</html>
|