Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
d7eb2b3b by 任超
Options

style:搜索

1 parent c8df1970
Inline Side-by-side
Showing 7 changed files with 48 additions and 42 deletions
...@@ -93,25 +93,9 @@ ...@@ -93,25 +93,9 @@
93 display: inline-block; 93 display: inline-block;
94 color: #4A4A4A; 94 color: #4A4A4A;
95 } 95 }
96 .personInfo li .verCode {
97 font-style: normal;
98 width: 90px;
99 height: 16px;
100 line-height: 16px;
101 border-radius: 2px;
102 border: 1px solid #0091FF;
103 font-size: 12px;
104 color: #0091FF;
105 display: inline-block;
106 position: relative;
107 right: -20px;
108 top: -10px;
109 cursor: pointer;
110 text-align: center;
111 }
112 96
113 .verificationCode input { 97 .verificationCode input {
114 width: 280px; 98 width: 350px;
115 display: inline-block; 99 display: inline-block;
116 } 100 }
117 .query_criteria { 101 .query_criteria {
...@@ -155,4 +139,17 @@ ...@@ -155,4 +139,17 @@
155 } 139 }
156 .disabled{ 140 .disabled{
157 cursor: auto; 141 cursor: auto;
142 }
143 .verCode {
144 border: 1px solid #DEDEDE;
145 border-radius: 2px;
146 cursor: pointer;
147 text-align: center!important;
148 height: 36px;
149 line-height: 36px;
150 display: inline-block;
151 margin-left: 10px;
152 }
153 .codeInput {
154 width: 225px!important;
158 } 155 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -25,24 +25,33 @@ function fetchDataReview() { ...@@ -25,24 +25,33 @@ function fetchDataReview() {
25 return false; 25 return false;
26 }); 26 });
27 }); 27 });
28 $('.verCode').click(function() { 28 var timer = "";
29 var time = 10; 29 var nums = 60;
30 settime($(this)); 30 var validCode = true;//定义该变量是为了处理后面的重复点击事件
31 function settime(obj) { 31 $('.verCode').click(function () {
32 if (time == 0) { 32 var code = $(this);
33 $(obj).attr('disabled', false); 33 if (validCode) {
34 $(obj).html("点击获取验证码"); 34 validCode = false;
35 time = 60; 35 yanzheng()
36 return; 36 timer = setInterval(function () {
37 } else { 37 yanzheng()
38 $(obj).attr('disabled', true);
39 $(obj).html(time + "秒后重新发送");
40 time--;
41 }
42 setTimeout(function () {
43 settime(obj)
44 }, 1000) 38 }, 1000)
45 } 39 }
40 function yanzheng() {
41 if (nums > 0) {
42 nums--;
43 code.text(nums + "秒后重新发送");
44 code.addClass("layui-btn-disabled");
45 }
46 else {
47 clearInterval(timer);
48 nums = 60;//重置回去
49 validCode = true;
50 code.removeClass("layui-btn-disabled");
51 code.text("发送验证码");
52 }
53 }
54
46 }) 55 })
47 } 56 }
48 // 初始化数据 57 // 初始化数据
......
...@@ -55,7 +55,6 @@ ...@@ -55,7 +55,6 @@
55 <li> 55 <li>
56 <span>手机号：</span> 56 <span>手机号：</span>
57 <p>187789798798</p> 57 <p>187789798798</p>
58 <button type="button" name="button" class="verCode">点击获取验证码</button>
59 </li> 58 </li>
60 <li> 59 <li>
61 <span>身份证号：</span> 60 <span>身份证号：</span>
...@@ -64,7 +63,8 @@ ...@@ -64,7 +63,8 @@
64 </ul> 63 </ul>
65 <div class="verificationCode"> 64 <div class="verificationCode">
66 <span>验证码：</span> 65 <span>验证码：</span>
67 <input type="tel" placeholder="请输入验证码" class="layui-input"> 66 <input type="tel" placeholder="请输入验证码" class="layui-input codeInput">
67 <button type="button" class="layui-btn layui-btn-primary verCode">获取验证码</button>
68 </div> 68 </div>
69 <div class="verificationCode marginTop20"> 69 <div class="verificationCode marginTop20">
70 <span>受理编号：</span> 70 <span>受理编号：</span>
......
...@@ -54,7 +54,6 @@ ...@@ -54,7 +54,6 @@
54 <li> 54 <li>
55 <span>手机号：</span> 55 <span>手机号：</span>
56 <p>187789798798</p> 56 <p>187789798798</p>
57 <button type="button" name="button" class="verCode">点击获取验证码</button>
58 </li> 57 </li>
59 <li> 58 <li>
60 <span>身份证号：</span> 59 <span>身份证号：</span>
...@@ -64,6 +63,7 @@ ...@@ -64,6 +63,7 @@
64 <div class="verificationCode"> 63 <div class="verificationCode">
65 <span>验证码：</span> 64 <span>验证码：</span>
66 <input type="tel" placeholder="请输入验证码" class="layui-input"> 65 <input type="tel" placeholder="请输入验证码" class="layui-input">
66 <button type="button" class="layui-btn layui-btn-primary verCode">获取验证码</button>
67 </div> 67 </div>
68 <div class="query_criteria"> 68 <div class="query_criteria">
69 <label class="layui-form-label query_criteria_title">不动产证书号：</label> 69 <label class="layui-form-label query_criteria_title">不动产证书号：</label>
......
...@@ -56,7 +56,6 @@ ...@@ -56,7 +56,6 @@
56 <li> 56 <li>
57 <span>手机号：</span> 57 <span>手机号：</span>
58 <p>187789798798</p> 58 <p>187789798798</p>
59 <button type="button" name="button" class="verCode">点击获取验证码</button>
60 </li> 59 </li>
61 <li> 60 <li>
62 <span>身份证号：</span> 61 <span>身份证号：</span>
...@@ -65,7 +64,8 @@ ...@@ -65,7 +64,8 @@
65 </ul> 64 </ul>
66 <div class="verificationCode"> 65 <div class="verificationCode">
67 <span>验证码：</span> 66 <span>验证码：</span>
68 <input type="tel" placeholder="请输入验证码" class="layui-input"> 67 <input type="tel" placeholder="请输入验证码" class="layui-input codeInput">
68 <button type="button" class="layui-btn layui-btn-primary verCode">获取验证码</button>
69 </div> 69 </div>
70 <div class="query_criteria"> 70 <div class="query_criteria">
71 <label class="layui-form-label query_criteria_title">不动产证书号：</label> 71 <label class="layui-form-label query_criteria_title">不动产证书号：</label>
......
...@@ -55,7 +55,6 @@ ...@@ -55,7 +55,6 @@
55 <li> 55 <li>
56 <span>手机号：</span> 56 <span>手机号：</span>
57 <p>187789798798</p> 57 <p>187789798798</p>
58 <button type="button" name="button" class="verCode">点击获取验证码</button>
59 </li> 58 </li>
60 <li> 59 <li>
61 <span>身份证号：</span> 60 <span>身份证号：</span>
...@@ -64,7 +63,8 @@ ...@@ -64,7 +63,8 @@
64 </ul> 63 </ul>
65 <div class="verificationCode"> 64 <div class="verificationCode">
66 <span>验证码：</span> 65 <span>验证码：</span>
67 <input type="tel" placeholder="请输入验证码" class="layui-input"> 66 <input type="tel" placeholder="请输入验证码" class="layui-input codeInput">
67 <button type="button" class="layui-btn layui-btn-primary verCode">获取验证码</button>
68 </div> 68 </div>
69 <div class="verificationCode marginTop20"> 69 <div class="verificationCode marginTop20">
70 <span>受理编号：</span> 70 <span>受理编号：</span>
......
...@@ -55,7 +55,6 @@ ...@@ -55,7 +55,6 @@
55 <li> 55 <li>
56 <span>手机号：</span> 56 <span>手机号：</span>
57 <p>187789798798</p> 57 <p>187789798798</p>
58 <button type="button" name="button" class="verCode">点击获取验证码</button>
59 </li> 58 </li>
60 <li> 59 <li>
61 <span>身份证号：</span> 60 <span>身份证号：</span>
...@@ -64,7 +63,8 @@ ...@@ -64,7 +63,8 @@
64 </ul> 63 </ul>
65 <div class="verificationCode"> 64 <div class="verificationCode">
66 <span>验证码：</span> 65 <span>验证码：</span>
67 <input type="tel" placeholder="请输入验证码" class="layui-input"> 66 <input type="tel" placeholder="请输入验证码" class="layui-input codeInput">
67 <button type="button" class="layui-btn layui-btn-primary verCode">获取验证码</button>
68 </div> 68 </div>
69 <div class="verificationCode marginTop20"> 69 <div class="verificationCode marginTop20">
70 <span>合同备案编号：</span> 70 <span>合同备案编号：</span>
......