style:身份认证

@@ -47,16 +47,18 @@
 .phone input {
     width: 65%!important;
 }
-.captcha, .num {
+.captcha {
     border: 1px solid #dedede;
     border-radius: 23px;
     cursor: pointer;
     font-size: 12px;
     color: #6e7172;
+    width: 100px;
+    display: inline-block;
     text-align: center;
     line-height: 23px;
-    display: inline-block;
+    font-style: normal;
 }
-.num {
-    display: none;
+.code_input input{
+    width: 130px!important;
 }
\ No newline at end of file

@@ -34,27 +34,35 @@ function GetRootPath() {
 }
 
 function GetQueryString(name) {
-    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
+  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
   var r = window.location.search.substr(1).match(reg);
-    if (r!=null) return (r[2]); return null;
- }
+  if (r != null) return (r[2]); return null;
+}
 //  存储cookie
-function setCookie(name,resdata,duration){
+function setCookie(name, resdata, duration) {
   var date = new Date();
-  date.setTime(date.getTime() + duration*24*3600*1000);
-  document.cookie = name + "="+ JSON.stringify (resdata) + ";expires=" +date.toGMTString() + "; path=/";
+  date.setTime(date.getTime() + duration * 24 * 3600 * 1000);
+  document.cookie = name + "=" + JSON.stringify(resdata) + ";expires=" + date.toGMTString() + "; path=/";
   // document.cookie = "myCookie=" + JSON.stringify(resdata) + "; expires=" +date.toGMTString() + "; path=/";
 };
 
 //获取cookie
-function getCookie(){
+function getCookie() {
   var str = document.cookie;
-  if(str == ''){
+  if (str == '') {
     return false
-  }else{
+  } else {
     var arr = str.split(';')
-    var arr1 = arr[0].replace(/(\s)+/g,'').split('=');
+    var arr1 = arr[0].replace(/(\s)+/g, '').split('=');
     return JSON.parse(arr1[1]);
   }
 };
-// 设置最小高度
+/*
+     * 验证手机号码
+     */
+function validatorTel(content) {
+
+  // 正则验证格式
+  eval("var reg = /^1[34578]\\d{9}$/;");
+  return RegExp(reg).test(content);
+}
\ No newline at end of file

+layui.use('element', function () {
+});
 $(function () {
-    layui.use('element', function () {
-    });
-
     addTabs('#wssq')
     setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
     list = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
@@ -30,18 +29,22 @@ function skipClick() {
 // 验证码
 
 $(".captcha").click(function () {
-    $(".captcha").hide()
-    $(".num").show()
+    console.log($('.phoneInput').val())
+    let value = $('.phoneInput').val()
+    if (validatorTel(value)) {
         var second = 30
-    $(".num").text((second) + "秒")
+        $(".captcha").text((second) + "秒后再发送")
         var interval = setInterval(function () {
             second--
-        $(".num").text((second) + "秒")
+            $(".captcha").text((second) + "秒后再发送")
             if (second === -1) {
                 $(".captcha").text("重发验证码")
                 clearInterval(interval)
-            $(".num").hide()
-            $(".captcha").show()
             }
         }, 1000)
+    } else {
+        layui.use('layer', function () {
+            layer.msg('请输入正确手机号！');
+        })
+    }
 })
\ No newline at end of file

@@ -40,13 +40,12 @@
                     <h5>短信认证</h5>
                     <div class="phone">
                         <span>手机号</span>
-                        <input type="tel" id="phone" name="phone" placeholder="请输入手机号" class="layui-input">
-                        <span class="captcha">获取验证码</span>
-                        <span class="num"></span>
+                        <input type="tel" maxlength="11" id="phone" name="phone" placeholder="请输入手机号" class="layui-input phoneInput">
+                        <em class="captcha">获取验证码</em>
                     </div>
-                    <div>
+                    <div class="code_input">
                         <span>验证码</span>
-                        <input type="tel" id="code" name="code" placeholder="请输入验证码" class="layui-input">
+                        <input type="tel" maxlength="6" id="code" name="code" placeholder="请输入验证码" class="layui-input">
                     </div>
                 </div>