bindOrganBankCard.jsp 9.11 KB
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<jsp:include page="${ctx }/view/common/meta.jsp" />
	<link rel="stylesheet" href="${ctx}/resource/css/validator.css"	type="text/css" />
	<link href="${ctx}/resource/css/member.css" rel="stylesheet" type="text/css" />
	<link href="${ctx}/resource/css/home.css" rel="stylesheet" type="text/css" />
	<link href="${ctx}/resource/css/detail.css" rel="stylesheet" type="text/css" />
	<link href="${ctx}/resource/css/style.css" rel="stylesheet"	type="text/css" />
	<link href="${ctx }/resource/css/easyDialog.css" rel="stylesheet" type="text/css"  />
	<script type="text/javascript" src="${ctx}/resource/js/user/formValidator-4.1.3.js"></script>
	<script type="text/javascript" src="${ctx}/resource/js/user/formValidatorRegex.js"></script>
	<script type="text/javascript" src="${ctx}/resource/js/user/account/bindOrganBankCard.js"></script>
	<style type="text/css">
	.registbanner1000 {
		height: 220px;
		text-align: center;
	}
	</style>
</head>

<body>
	<jsp:include page="${ctx}/view/common/header.jsp" />
	<div class="bigbox">
		<jsp:include page="${ctx }/view/common/menu.jsp" />

		<div class="rightbox0" style="margin-bottom: 70px;">
			<form action="/user/bindcard" method="post" name="form"
				id="form">
				<input type="hidden" id="yzm" name="yzm" value="" />
				<input type="hidden" value="" id="checkResult" />
				<table width="100%" border="0" cellspacing="0" class="table-account">
					<tbody>
						<c:if test="${resultMap.resultCode == '-1'}">
							<tr>
								<th colspan="3" style="font:24px bold;color:red;text-align:left;padding-left:200px;height:80px;">${resultMap.resultMsg}</th>
							</tr>
						</c:if>
						<tr>
							<th><b class="td-red">*</b>开户地:</th>
							<td style="width:400px;"><div class="table_select01"
									style="float: left;">
									<select class="common_input" id="province_code"
										name="province_code" onchange="getProvinceCode()">
										<option value="0">请选择省份</option>
										<option value="0011">北京</option>
										<option value="0012">天津</option>
										<option value="0013">河北</option>
										<option value="0014">山西</option>
										<option value="0015">内蒙古</option>
										<option value="0021">辽宁</option>
										<option value="0022">吉林</option>
										<option value="0023">黑龙江</option>
										<option value="0031">上海</option>
										<option value="0032">江苏</option>
										<option value="0033">浙江</option>
										<option value="0034">安徽</option>
										<option value="0035">福建</option>
										<option value="0036">江西</option>
										<option value="0037">山东</option>
										<option value="0041">河南</option>
										<option value="0042">湖北</option>
										<option value="0043">湖南</option>
										<option value="0044">广东</option>
										<option value="0045">广西</option>
										<option value="0046">海南</option>
										<option value="0050">重庆</option>
										<option value="0051">四川</option>
										<option value="0052">贵州</option>
										<option value="0053">云南</option>
										<option value="0054">西藏</option>
										<option value="0061">陕西</option>
										<option value="0062">甘肃</option>
										<option value="0063">青海</option>
										<option value="0064">宁夏</option>
										<option value="0065">新疆</option>
										<c:forEach items="${provinceList}" var="province"
											varStatus="s">
											<option value="${province.province_code}">
												${province.province_name}</option>
										</c:forEach>
									</select> <select class="common_input" id="city_code" name="city_code">
									</select>
								</div>
							</td>
							<td><span class="prompt_text" id="city_codeTip" style="float: left"></span></td>
						</tr>
						<tr>
							<th><b class="td-red">*</b>开户银行:</th>
							<td><select class="common_input" style="float: left;"
								id="open_bank_code" name="open_bank_code">
									<option value="0">请选择银行</option>
									<option value="01020000">工商银行</option>
									<option value="01040000">中国银行</option>
									<option value="03030000">光大银行</option>
									<option value="01030000">农业银行</option>
									<option value="01050000">建设银行</option>
									<option value="04030000"> 邮政储蓄银行</option>
							</select></td>
							<td><span style="float: left;" class="prompt_text"
								id="open_bankTip"></span> <a
								href="${ctx}/help/searchArticle?categoryId=46&id=229" ref="same"
								target="_blank" class="blue14"
								style="margin-left: 20px; font-size: 12px;">查看银行限额表</a></td>
						</tr>
						
						<tr>
							<th><b class="td-red">*</b>开户银行支行名称:</th>
							<td><input type="text" style="float: left; width: 175px;"
								class="common_input" name="bank_branch" id="bank_branch" /></td>
							<td><span class="prompt_text" id="bank_branchTip">请输入开户行支行名称</span></td>
						</tr>
						<tr>
							<th><b class="td-red">*</b>开户银行账户名:</th>
							<td><input type="text" style="float: left; width: 175px;"
								class="common_input" name="bank_acct_name" id="bank_acct_name" /></td>
							<td><span class="prompt_text" id="bank_acct_nameTip">请输入开户银行账户名</span></td>
						</tr>
						<tr>
							<th><b class="td-red">*</b>银行卡号:</th>
							<td><input type="text" style="float: left; width: 175px;"
								class="common_input" name="fund_card" id="fund_card" /></td>
							<td><span class="prompt_text" id="fund_cardTip">请输入银行卡号(仅支持借记卡)</span></td>
						</tr>
					</tbody>
				</table>
				<div class="table_button table_two_button" style="margin-bottom: 10px;" id="btnBox">
					<input type="reset" class="gray_account_button opencountbtn" value="重填" style="float: left; margin-right: 30px; border: none;" />
					<input type="button" value="提交" style="border: none;" id="sub" onclick="btnsub();" class="yellow_account_button opencountbtn" />
				</div>
			</form>
		</div>
		<div class="clear"></div>
	</div>
	<jsp:include page="${ctx}/view/common/bottom.jsp" />
	<div id="showBox" class="tipbox3" style="display: none;">
		<div class="contentbox3">
			<h2 style="margin: 0px auto;">
				正在审核中,请您耐心等待<span class="ani_dot">...</span>
			</h2>
		</div>
	</div>
	<!--确认是否绑卡验证 -->
	<div class="easyDialog_wrapper sure-sign" id="sureSign">
		<div class="easyDialog_content" style="border-top:3px solid #d81e31;">
			<h4 class="easyDialog_title" style="text-align: center; line-height: 50px; height: 50px; font-size: 19px; background: white; color: red;">
				快捷绑卡
			    <a onclick="easyDialog.close()" class="closeWindow">×</a>
			</h4>
			<div class="easyDialog_text" >
				<p>请在新打开的窗口进行绑卡验证操作</p>
				<p>签约成功前,请不要关闭弹窗</p>
			</div>
			<div class="easyDialog_footer" >
				<button class="btn_highlight finish-btn" id="already">验证完成</button>
				<button class="btn_highlight signNow-btn" id="checkNow">立即验证</button>
			</div>
		</div>
	</div>
	<style type="text/css">
		.ani_dot {
		    font-family: simsun;
		}
		
		:root .ani_dot {
		    margin-left:6px; 
		    display: inline-block;
		    width: 1.5em;
		    vertical-align: bottom;
		    overflow: hidden;
		}
		
		@-webkit-keyframes dot {
		    0% {
		        width: 0;
		        margin-right: 1.5em;
		    }
		    25% {
		        width: 0em;
		        margin-right: 1.5em;
		    }
		    50% {
		        width: 0.5em;
		        margin-right: 1em;
		    }
		    70% {
		        width: 1em;
		        margin-right: .5em;
		    }
		    100% {
		        width: 1.5em;
		        margin-right: 0;
		    }
		}
		
		.ani_dot {
		    -webkit-animation: dot 2s infinite step-start;
		}
		
		@keyframes dot {
		    0% {
		        width: 0;
		        margin-right: 1.5em;
		    }
		    25% {
		        width: 0em;
		        margin-right: 1.5em;
		    }
		    50% {
		        width: 0.5em;
		        margin-right: 1em;
		    }
		    70% {
		        width: 1em;
		        margin-right: .5em;
		    }
		    100% {
		        width: 1.5em;
		        margin-right: 0;
		    }
		}
		
		.ani_dot {
		    animation: dot 2s infinite step-start;
		}
		
		.tipbox3 {
		    position: relative;
		    width: 502px;
		    height: 170px;
		    margin: 0 auto;
		    margin-top: 100px;
		    border: 2px #ccc solid;
		    border-top: 2px solid #d0111a;
		    background-color: #fff;
		}
		
		.contentbox3 {
		    padding-top: 60px;
		    font-size: 20px;
		    text-align: center;
		}
		
		.opencountbtn:hover{
			cursor: pointer;
		    background-color: rgb(231, 36, 38);
		}
</style>
</body>
</html>