You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
198 lines
7.3 KiB
198 lines
7.3 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- 通用 -->
|
|
{include file="common/head" /}
|
|
<!-- 当前 -->
|
|
<link rel="stylesheet" href="__TMPL__/static/scss/open_account.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header start -->
|
|
{include file="common/header" /}
|
|
<!-- header end -->
|
|
<!-- banner start -->
|
|
<div class="bannerList">
|
|
<div class="img"><img src="__TMPL__/static/images/open_account/reservationBanner.jpg" alt=""></div>
|
|
<div class="w1280">
|
|
<div class="bannerTitle">开户服务</div>
|
|
</div>
|
|
</div>
|
|
<!-- banner end -->
|
|
<div class="pageListNav">
|
|
<div class="w1280">
|
|
{hcTaglib:subcategory pid="8" item="vo" field="id,title" sort="sort asc"}
|
|
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="{$current_cate['id']==$vo.id?'on':''}">{$vo.title}</a>
|
|
{/hcTaglib:subcategory}
|
|
</div>
|
|
</div>
|
|
<div class="reservationBlock">
|
|
<div class="w1280">
|
|
<form action="" id="reservationForm">
|
|
<div class="tit">填写您的个人信息</div>
|
|
<div class="list">
|
|
<div class="left"><span>*</span>姓名 :</div>
|
|
<div class="right"><input type="text" id="name"></div>
|
|
</div>
|
|
<div class="list sex">
|
|
<div class="left"><span>*</span>性别 :</div>
|
|
<div class="right">
|
|
<div class="radio on">
|
|
<span></span>
|
|
男
|
|
</div>
|
|
<div class="radio">
|
|
<span></span>
|
|
女
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list type">
|
|
<div class="left">类型 :</div>
|
|
<div class="right">
|
|
<div class="radio">
|
|
<span></span>
|
|
自然人
|
|
</div>
|
|
<div class="radio">
|
|
<span></span>
|
|
法人
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="left"><span>*</span>身份证号 :</div>
|
|
<div class="right"><input type="text" id="id"></div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="left"><span>*</span>联系地址 :</div>
|
|
<div class="right"><input type="text" id="address"></div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="left"><span>*</span>联系电话 :</div>
|
|
<div class="right"><input type="text" id="tel"></div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="left">备注 :</div>
|
|
<div class="right">
|
|
<textarea id="mess"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="left"><span>*</span>验证码 :</div>
|
|
<div class="right">
|
|
<div class="Verification">
|
|
<input type="text" id="formCode" maxlength="4" placeholder="">
|
|
<div class="codeImg"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:;" class="submit">立即提交</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- footer start-->
|
|
{include file="common/footer" /}
|
|
<!-- footer end -->
|
|
<!-- 通用 -->
|
|
{include file="common/foot" /}
|
|
<!-- 当前 -->
|
|
<script src="__TMPL__/static/js/layui.js"></script>
|
|
<script src="__TMPL__/static/js/randomCoding.js"></script>
|
|
<script>
|
|
// 性别、类型 仿radio
|
|
$('#reservationForm .list.sex .right .radio').click(function(){
|
|
$(this).siblings().removeClass('on')
|
|
$(this).addClass('on')
|
|
})
|
|
$('#reservationForm .list.type .right .radio').click(function(){
|
|
$(this).siblings().removeClass('on')
|
|
$(this).addClass('on')
|
|
})
|
|
|
|
randomCoding()
|
|
$.each(randomCode,function(i,e){
|
|
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
|
|
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span')
|
|
})
|
|
$('.Verification .codeImg').click(function(){
|
|
randomCoding()
|
|
$('.Verification .codeImg').html('')
|
|
$.each(randomCode,function(i,e){
|
|
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
|
|
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span')
|
|
})
|
|
})
|
|
// 提交
|
|
$('#reservationForm .submit').click(function(){
|
|
// 获取填写数据
|
|
let name = $('#name').val()
|
|
let sex = $('.sex .right .on').index() == 0 ? '男' : '女'
|
|
let type = $('.type .right .on').index() == 0 ? '自然人' : '法人'
|
|
let id = $('#id').val()
|
|
let address = $('#address').val()
|
|
let tel = $('#tel').val()
|
|
let mess = $('#mess').val()
|
|
let formCode = $('#formCode').val()
|
|
// 判断必填
|
|
if(name == ''){
|
|
layer.msg('请输入姓名');
|
|
return
|
|
}
|
|
if(id == ''){
|
|
layer.msg('请输入身份证号');
|
|
return
|
|
}
|
|
if(address == ''){
|
|
layer.msg('请输入联系地址');
|
|
return
|
|
}
|
|
if(tel == ''){
|
|
layer.msg('请输入联系电话');
|
|
return
|
|
}
|
|
if(formCode == ''){
|
|
layer.msg('请输入验证码');
|
|
return
|
|
}
|
|
if(formCode.toUpperCase() != randomStr){
|
|
layer.msg('请输入正确的验证码');
|
|
$('#formCode').val('')
|
|
randomCoding()
|
|
$('.Verification .codeImg').html('')
|
|
$.each(randomCode,function(i,e){
|
|
var randomNum = Math.floor(Math.random() * (maxNum - minNum + 1)) + minNum;
|
|
$('.Verification .codeImg').append('<span style="transform: rotate(' + randomNum + 'deg)">' + e + '</span')
|
|
})
|
|
return
|
|
}
|
|
let data = {
|
|
name,
|
|
sex,
|
|
type,
|
|
'id_card':id,
|
|
address,
|
|
tel,
|
|
mess,
|
|
'code':'65093a0a30492'
|
|
}
|
|
$.ajax({
|
|
type:'POST',
|
|
url:'/addFormData',
|
|
data: data,
|
|
success:function(res){
|
|
if(res.code == 0 ){
|
|
layer.msg(res.msg)
|
|
return false;
|
|
}
|
|
}
|
|
})
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|