大佬教程收集整理的这篇文章主要介绍了html5第一个页面。登录加倒计时,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!doctype html> <html lang="en"> <head> <Meta charset="UTF-8" /> <title>登录</title> <link rel="stylesheet" type="text/css" href="css/login.css"> <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/param.js"></script> <script type="text/javascript"> function countDown(second){ // 如果秒数还是大于0,则表示倒计时还没结束 if(second>0){ $("#getCode").text(second); $("#getCode").css("BACkground","#677377"); // 按钮里的内容呈现倒计时状态 $("#getCode").attr("disabled",truE); // 时间减一 second--; // 一秒后重复执行 setTimeout(function(){CountDown(second);},1000); // 否则,按钮重置为初始状态 }else{ // 按钮里的内容恢复初始状态 $("#getCode").text("获取验证码"); $("#getCode").css("BACkground",""); // 按钮置未可点击状态 $("#getCode").attr("disabled",falsE); } } $(function() { // 点击登录按钮 $("#login").click(function() { var contactsPhone = $("input[name='memberTel']").val(); if (contactsPhone == null || contactsPhone == "") { alert("请填写手机号"); return; } if (contactsPhone.length != 11) { alert("请填写正确的手机号"); return; } var validateCode = $("#validateCode").val(); if (validateCode == null || validateCode == "") { alert("请输入验证码"); return; } var phoneUuid ="abcdef";// 添加规定的个推id var actionUrl = "http://192.168.0.112:8080/member/checkPC.action"; $.post(actionUrl,{ checkPhoneCode_phone : contactsPhone,checkPhoneCode_code : validateCode,checkPhoneCode_uuId : phoneUuid },function(result){ if (result != null && result != '') { if (result == 'PHONE_ERROR') { alert("请先获取验证码"); }else if(result == 'CODE_ERROR'){ alert("验证码错误"); } else if(result == 'TIME_OUT'){ alert("连接超时"); } else if(result == 'MEMBER_CLOSE'){ alert("此会员已被关闭"); }else { var jsonResult = eval("(" + result + ")"); $.cookie("member_id",jsonResult.id,{expires:7}); var sourcePage = $.request.queryString["sourcePage"]; if (sourcePage == 'mine') { LOCATIOn.href = "mine.html"; } else if (sourcePage == 'car') { LOCATIOn.href = "send.html"; } else { LOCATIOn.href = "index.html"; } } } },"text" ); }); // 获取验证码 $("#getCode").click(function(){ var contactsPhone = $("input[name='memberTel']").val(); if (contactsPhone == null || contactsPhone == "") { alert("请填写手机号"); return; } if (contactsPhone.length != 11) { alert("请填写正确的手机号"); return; } var phoneUuid ="abcdef";// 添加规定的个推id var actionUrl = "http://192.168.0.112:8080/member/sendSMs.action"; $.post(actionUrl,{ sendSMSCode_phone : contactsPhone,sendSMSCode_phone_uuId : phoneUuid },function(result){ if (result != null && result != '') { if (result == 'SENDSMS_succesS') { alert("发送成功"); }else{ alert("发送失败"); } } },"text" ); countDown(30); }); }); </script> </head> <body> <div class="number"> <a><img src="img/login_phone.png"></a> <input name="memberTel" type="tel" placeholder="手机号码登录"> <button id="getCode">获取验证码</button> </div> <div class="number"> <a><img src="img/login_pwd.png"></a> <input id="validateCode" type="tel" placeholder="请输入验证码"> </div> <button class="login" id="login">登录</button> <p class="p_bottom">©banjingquan.com</p> </body> </html>
以上是大佬教程为你收集整理的html5第一个页面。登录加倒计时全部内容,希望文章能够帮你解决html5第一个页面。登录加倒计时所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。