binding.html

master
istars 7 years ago
parent b857bab666
commit 0db6573666

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset=utf-8"utf-8"> <meta charset="utf-8">
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Pragma" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=yes"/> <meta name="format-detection" content="telephone=yes"/>

@ -7,10 +7,10 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta content="telephone=no" name="format-detection" /> <meta content="telephone=no" name="format-detection" />
<link href="style.css" tppabs="http://www.17sucai.com/preview/1089623/2018-06-08/form/css/style.css" rel="stylesheet" type="text/css"> <link href="bindingStyle.css" tppabs="http://www.17sucai.com/preview/1089623/2018-06-08/form/css/style.css" rel="stylesheet" type="text/css">
<title>注册判断</title> <title>卡号绑定</title>
<script> <script>
(function (doc, win) { (function (doc, win) {
@ -42,14 +42,14 @@
</div> </div>
<!--中间内容部分--> <!--中间内容部分-->
<div id="content"> <div id="content">
<div class="txt01">银行卡号<input type="number" id="mobile" name="mobile" class="text" value="" pattern="[0-9]*" tabindex="10" onChange="check_for_btn()" /></div> <div class="txt01">银行卡号<input type="number" id="bankAccount" name="bankAccount" class="text" value="" pattern="[0-9]*" tabindex="10" onChange="check_for_btn()" /></div>
<div class="txt01">真实姓名<input type="text" id="realname" name="realname" class="text" tabindex="7" onChange="check_for_btn()" /></div> <div class="txt01">真实姓名<input type="text" id="realname" name="realname" class="text" tabindex="7" onChange="check_for_btn()" /></div>
<div class="txt01">身份证号 <div class="txt01">身份证号
<input type="text" id="realname" pattern="[0-9]*" name="realname" class="text" tabindex="6"/> <input type="text" id="idNum" pattern="[0-9]*" name="idNum" class="text" tabindex="6"/>
</div> </div>
<div class="txt01">预留手机号<input type="number" id="realname" pattern="[0-9]*" name="realname" class="text1" tabindex="6"/></div> <div class="txt01">预留手机号<input type="number" id="phoneNum" pattern="[0-9]*" name="phoneNum" class="text1" tabindex="6"/></div>
</div> </div>
<button id="btn" class="r_but" onClick="check()">确定</button> <button id="btn" class="r_but" onclick="check()">确定</button>
<script type="text/javascript" src="jquery-1.8.3.min.js" tppabs="http://www.17sucai.com/preview/1089623/2018-06-08/form/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery-1.8.3.min.js" tppabs="http://www.17sucai.com/preview/1089623/2018-06-08/form/js/jquery-1.8.3.min.js"></script>
@ -67,18 +67,38 @@ function clearmsg() {
}, 2000) }, 2000)
}; };
// $("#btn").check(){
// if(bankNum!=""&&realname!=""&&idNum!=""&&phoneNum!=""){
// var userBank = {"bankNum":document.getElementById("bankNum").value,
// "realname":document.getElementById("realname").value,
// "idNum":document.getElementById("idNum").value,
// "phoneNum":document.getElementById("phoneNum").value,
// }
// var jsonStr = JSON.stringify(userBank);
// $.ajax({
// type:"POST",
// url:"bankCardController",
// dataType:"JSON",
// data:jsonStr
// })
// }else{
// alert("请检查您的输入!");
// }
// }
//提交后的check //提交后的check
function check() { function check() {
var mobile = $("#mobile").val();
var phoneNum = $("#phoneNum").val();
var realname = $("#realname").val(); var realname = $("#realname").val();
if(mobile == "") { if(phoneNum == "") {
alert1("请输入手机号"); alert1("请输入手机号");
clearmsg(); clearmsg();
return false; return false;
} }
if(!(/^1[34578]\d{9}$/.test(mobile))) { if(!(/^1[34578]\d{9}$/.test(phoneNum))) {
alert1("请输入正确的手机号"); alert1("请输入正确的手机号");
clearmsg(); clearmsg();
return false; return false;
@ -95,12 +115,12 @@ function check() {
//必填项没有全部填写时,灰色,全部填写时蓝色 //必填项没有全部填写时,灰色,全部填写时蓝色
function check_for_btn() { function check_for_btn() {
var mobile = $("#mobile").val(); var phoneNum = $("#phoneNum").val();
var realname = $("#realname").val(); var realname = $("#realname").val();
if(realname == "" || mobile == null) { if(realname == "" || phoneNum == null) {
$(".r_but").css("background", "#d1d5db"); $(".r_but").css("background", "#d1d5db");
} }
if(realname != "" && mobile != null) { if(realname != "" && phoneNum != null) {
$(".r_but").css("background", "#49b9eb"); $(".r_but").css("background", "#49b9eb");
} }

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

@ -52,7 +52,7 @@ function showMessage(){
//判断就绪状态和响应状态码是否符合要求 //判断就绪状态和响应状态码是否符合要求
if(xmlHttp.readyState==4&&xmlHttp.status==200) { if(xmlHttp.readyState==4&&xmlHttp.status==200) {
var result = xmlHttp.responseText;//接收服务器响应的文本 var result = xmlHttp.responseText;//接收服务器响应的文本
document.getElementById("myspan").innerHTML = result; document.getElementById("myspan").innerHTL = result;
} }
} }
</script>

@ -15,13 +15,13 @@ public class bankCardController extends HttpServlet {
private identify identify=new identify(); private identify identify=new identify();
@RequestMapping("/phone")//手机表单界面 @RequestMapping("/binding")//卡号绑定界面
public String doPost(HttpServletResponse response, HttpServletRequest request){ public String doPost(HttpServletResponse response, HttpServletRequest request){
try{ try{
long num=1;//获取得到userNum long num=1;//获取得到userNum
short result=0; short result=0;
UserBankIdentify userBankIdentify=new UserBankIdentify(); UserBankIdentify userBankIdentify=new UserBankIdentify();
userBankIdentify.setBankAccount(request.getParameter("mobile")); userBankIdentify.setBankAccount(request.getParameter("bankAccount"));
userBankIdentify.setTrueName(request.getParameter("realname")); userBankIdentify.setTrueName(request.getParameter("realname"));
userBankIdentify.setIdNum(request.getParameter("idNum")); userBankIdentify.setIdNum(request.getParameter("idNum"));
userBankIdentify.setTelephoneNum(request.getParameter("phoneNum")); userBankIdentify.setTelephoneNum(request.getParameter("phoneNum"));
@ -31,6 +31,6 @@ public class bankCardController extends HttpServlet {
}catch (Exception e){ }catch (Exception e){
e.printStackTrace(); e.printStackTrace();
} }
return "";//返回首页 return "../首页/index.html";//返回首页
} }
} }

Loading…
Cancel
Save