页面效果，给手机发送验证码

最新推荐文章于 2023-02-10 13:21:56 发布

weixin_33817333

最新推荐文章于 2023-02-10 13:21:56 发布

阅读量172

点赞数

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/559090

版权

 
         <!DOCTYPE html> 
        
         <html lang= 
         "en" 
         > 
        
         <head> 
        
         <meta http-equiv= 
         "Content-Type"  
         content= 
         "text/html; charset=UTF-8" 
         > 
        
         <title>定时发送验证码</title> 
        
         <script type= 
         "text/javascript" 
         > 
        
         var  
         wait =  
         5 
         ; 
        
         function  
         send(o) { 
        
         if 
         (wait== 
         5 
         ){ 
        
         //向服务器发送请求，给手机发送验证码 
        
         // $.post("<%=path%>/simple/user/sendCode/mobile",  
        
         //   { 
        
         //     "mobile" : "${user.mobile}", 
        
         //     "number" : 2 
        
         // },  
        
         // function(data) { 
        
         //       if(data,message=="success"){ 
        
         //         alert("验证码发送成功，请注意查收！"); 
        
         //     }else{ 
        
         //         alert("验证码发送失败，请稍后重试！"); 
        
         //     }  
        
         // }); 
        
         } 
        
         if  
         (wait ==  
         0 
         ) { 
        
         o.removeAttribute( 
         "disabled" 
         ); 
        
         o.value =  
         "手机获取" 
         ; 
        
         wait =  
         5 
         ; 
        
         }  
         else  
         { 
        
         o.setAttribute( 
         "disabled" 
         ,  
         true 
         ); 
        
         o.value = wait +  
         "s后可重新发送" 
         ; 
        
         wait--; 
        
         setTimeout( 
         function 
         () { 
        
         send(o); 
        
         },  
         1000 
         ) 
        
         } 
        
         } 
        
         </script> 
        
         </head> 
        
         <body> 
        
         < 
         label  
         for 
         = 
         "mobile" 
         >手机号：</ 
         label 
         > 
        
         <input id= 
         "mobile"  
         /> 
        
         <input type= 
         "submit"  
         class 
         = 
         "sub_verify"  
         onclick= 
         "send(this);"  
         value= 
         "手机获取"  
         /> 
        
         </html>