页面效果，给手机发送验证码-白红宇

                         
<!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>
        
      
效果：
本文转自兴趣e族 51CTO博客，原文链接:http://blog.51cto.com/simplelife/1758757