212 lines
10 KiB
Plaintext
212 lines
10 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=GBK"
|
||
pageEncoding="GBK"%>
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
|
||
<title>通联卡扣签约</title>
|
||
<style>
|
||
.logon_footer{
|
||
float:left;
|
||
text-align:center;
|
||
color:#818181;
|
||
font-size:12px;
|
||
line-height:35px;
|
||
position:fixed;
|
||
bottom:0;
|
||
width:100%; height:15%;}
|
||
</style>
|
||
<link href="../css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="../css/gloab.css" rel="stylesheet">
|
||
<link href="../css/index.css" rel="stylesheet">
|
||
<script src="../js/jquery/jquery.min.js" type="text/javascript"></script>
|
||
<script src="../js/jquery/register.js" charset="GBK" type="text/javascript"></script>
|
||
<link rel="shortcut icon" href="favicon.ico"/>
|
||
<%--
|
||
<script src="js/register.js"></script>--%>
|
||
</head>
|
||
<body class="bgf4">
|
||
<div class="login-box f-mt10 f-pb50">
|
||
<div class="main bgf">
|
||
<div class="reg-box-pan display-inline">
|
||
<div class="step">
|
||
<ul>
|
||
<li class="col-xs-4 on">
|
||
<span class="num"><em class="f-r5"></em><i>1</i></span>
|
||
<span class="line_bg lbg-r"></span>
|
||
<p class="lbg-txt">验证身份信息</p>
|
||
</li>
|
||
<li class="col-xs-4">
|
||
<span class="num"><em class="f-r5"></em><i>2</i></span>
|
||
<span class="line_bg lbg-l"></span>
|
||
<span class="line_bg lbg-r"></span>
|
||
<p class="lbg-txt">验证短信信息</p>
|
||
</li>
|
||
<li class="col-xs-4">
|
||
<span class="num"><em class="f-r5"></em><i>3</i></span>
|
||
<span class="line_bg lbg-l"></span>
|
||
<p class="lbg-txt">验证成功</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="reg-box" id="verifyCheck" style="margin-top:20px;">
|
||
<div class="part1">
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"><b class="ftx04">*</b>合同号：</span>
|
||
<div class="f-fl item-ifo">
|
||
<input type="text" maxlength="50" class="txt03 f-r3" tabindex="1" id="contractNo" value="${contractNumberShort}" readonly="readonly"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"><b class="ftx04">*</b>客户姓名：</span>
|
||
<div class="f-fl item-ifo">
|
||
<input type="text" maxlength="20" class="txt03 f-r3" tabindex="1" name="accountName" id="accountName" value="${userNameShort}" readonly="readonly" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"><b class="ftx04">*</b>卡号：</span>
|
||
<div class="f-fl item-ifo">
|
||
<input type="text" maxlength="20" class="txt03 f-r3" tabindex="1" id="accountNo" value="${accNumberShort}" readonly="readonly"/>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"><b class="ftx04">*</b>手机号：</span>
|
||
<div class="f-fl item-ifo">
|
||
<input type="text" name="tel" class="txt03 f-r3" tabindex="2" id="tel" value="${phoneNumberShort}" readonly="readonly"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"><b class="ftx04">*</b>证件号码：</span>
|
||
<div class="f-fl item-ifo">
|
||
<input type="text" name="idCard" class="txt03 f-r3 required" onkeyup="validateIdCard();" data-valid="isNonEmpty||isSame:certIdShort" data-error="身份证号不能为空||身份证号不一致" tabindex="2" id="idCard" />
|
||
<span class="ie8 icon-close close hide"></span>
|
||
<label class="icon-sucessfill blank hide"></label>
|
||
<label class="focus" id="validateCard">请填写身份证后六位</label>
|
||
<label class="focus valid"></label>
|
||
</div>
|
||
</div>
|
||
|
||
<input type="hidden" name="certIdShort" value="${certIdShort}" id="certIdShort">
|
||
<%-- <input type="hidden" name="certId" value="${certId}" id="certId">
|
||
<input type="hidden" name="contractNumber" value="${contractNumber}" id="contractNumber">
|
||
<input type="hidden" name="userName" value="${userName}" id="userName">
|
||
<input type="hidden" name="accNumber" value="${accNumber}" id="accNumber">
|
||
<input type="hidden" name="phoneNumber" value="${phoneNumber}" id="phoneNumber"> --%>
|
||
<input type="hidden" name="contractId" value="${contractId}" id="contractId">
|
||
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"> </span>
|
||
<div class="f-fl item-ifo">
|
||
<a href="javascript:;" class="btn btn-blue f-r3" id="btn_part1">下一步</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="part2" style="display:none">
|
||
<div class="alert alert-info" style="width:700px">请点击发送验证码,输入短信中的验证码</div>
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"><b class="ftx04">*</b>验证码：</span>
|
||
<div class="f-fl item-ifo">
|
||
<input type="text" maxlength="6" id="verifyNo" name="verifyNo" class="txt03 f-r3 f-fl required" tabindex="4" style="width:167px" data-valid="isNonEmpty||isInt" data-error="验证码不能为空||请输入6位数字验证码" />
|
||
<span class="btn btn-gray f-r3 f-ml5 f-size13" id="time_box" disabled style="width:97px;display:none;">发送验证码</span>
|
||
<span class="btn btn-gray f-r3 f-ml5 f-size13" id="verifyYz" style="width:97px;">发送验证码</span>
|
||
<span class="ie8 icon-close close hide" style="right:130px"></span>
|
||
<label class="icon-sucessfill blank hide"></label>
|
||
<label class="focus"><span>请查收手机短信，并填写短信中的验证码（此验证码10分钟内有效）</span></label>
|
||
<label class="focus valid"></label>
|
||
</div>
|
||
</div>
|
||
<div class="item col-xs-12">
|
||
<span class="intelligent-label f-fl"> </span>
|
||
<div class="f-fl item-ifo">
|
||
<a href="javascript:;" class="btn btn-blue f-r3" id="btn_part2">签约</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="part4 text-center" style="display:none">
|
||
<h3>恭喜您，您已验证成功!</h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="logon_footer">
|
||
<div>安鹏租赁 版权所有</div>
|
||
</div>
|
||
<%--
|
||
<div class="m-sPopBg" style="z-index:998;"></div>
|
||
<div class="m-sPopCon regcon">
|
||
<div class="m-sPopTitle"><strong>服务协议条款</strong><b id="sPopClose" class="m-sPopClose" onClick="closeClause()">×</b></div>
|
||
<div class="apply_up_content">
|
||
<pre class="f-r0">
|
||
<strong>同意以下服务条款，提交注册信息</strong>
|
||
</pre>
|
||
</div>
|
||
<center><a class="btn btn-blue btn-lg f-size12 b-b0 b-l0 b-t0 b-r0 f-pl50 f-pr50 f-r3" href="javascript:closeClause();">已阅读并同意此条款</a></center>
|
||
|
||
</div>--%>
|
||
<script>
|
||
$(function(){
|
||
//第一页的确定按钮
|
||
$("#btn_part1").click(function(){
|
||
if(!verifyCheck._click()) return;
|
||
$(".part1").hide();
|
||
$(".part2").show();
|
||
$(".step li").eq(1).addClass("on");
|
||
});
|
||
//第二页的确定按钮
|
||
$("#btn_part2").click(function(){
|
||
if(!verifyCheck._click()) return;
|
||
var contractId = $.trim($("#contractId").val());
|
||
//var contractNumber = encodeURI($.trim($("#contractNumber").val()));
|
||
var verifyNo = $.trim($("#verifyNo").val());
|
||
$.ajax({
|
||
type : "POST",
|
||
url : "sign",
|
||
async : true,
|
||
dataType: "json",
|
||
data : {"method":"allinPaySigning","contractId":contractId,"verCode":verifyNo},
|
||
success : function(data) {
|
||
if("success" == data.message){
|
||
$(".part2").hide();
|
||
$(".part4").show();
|
||
$(".step li").eq(2).addClass("on");
|
||
return true;
|
||
}else{
|
||
alert(data.msg);
|
||
return false;
|
||
}
|
||
},
|
||
error : function(data) {
|
||
//ZENG.msgbox.show("连接服务器失败", 5,6000);
|
||
alert("连接服务器失败");
|
||
return false;
|
||
}
|
||
});
|
||
});
|
||
|
||
});
|
||
|
||
function validateIdCard(){
|
||
var realIdCard = $("#certIdShort").val().trim();
|
||
var inputIdCard = $("#idCard").val().trim();
|
||
if(realIdCard == inputIdCard) {
|
||
$("#validateCard").html("<font color=\"#090\">填写正确!</font>");
|
||
}
|
||
}
|
||
//防止刷新导致可以重新发验证码
|
||
$(function(){
|
||
sendVerify();
|
||
})
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|