validate_sms.jsp 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  7. <title>已发送短信</title>
  8. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  9. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  10. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  11. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerGrid.js" type="text/javascript"></script>
  12. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  13. <script src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
  14. <script type="text/javascript" src="/shares/js/constant.js"></script>
  15. <script type="text/javascript" src="/shares/js/common.js"></script>
  16. <script type="text/javascript">
  17. var myCount=120;
  18. var objTimer;
  19. $(function(){
  20. $("#btnValidate").click(function(){
  21. var validate_num=$("#validate_num").val();
  22. var serial_num=$("#serial_num").val();
  23. var flag=/^[0-9]{6}$/.test(validate_num);
  24. if(!flag){
  25. $.ligerDialog.warn("验证码输入有误!");
  26. return ;
  27. }
  28. if(serial_num ==null || serial_num==""){
  29. $.ligerDialog.error("验证码错误!");
  30. return ;
  31. }
  32. $.ajax({
  33. type:"post",
  34. url:"SmsAction.do?task=validate_num&code="+validate_num+"&serial_num="+serial_num+"&validate_id="+$("#validate_id").val()+"&time="+new Date().getTime(),
  35. dataType:"json",
  36. success:function(data){
  37. if(data.info=="success"){
  38. window.location.href="${pageContext.request.contextPath}/"+$("#return_tab").val();
  39. }else{
  40. $.ligerDialog.error("验证码错误!");
  41. }
  42. }
  43. });
  44. });
  45. });
  46. function backwardCount(){
  47. var btnSendSms = $("#btnSendSms");
  48. var lefttime = $("#lefttime");
  49. if(myCount==0){
  50. lefttime.html("(已失效)");
  51. $("#btnValidate").attr("disabled",true);
  52. btnSendSms.html("获取短信验证码");
  53. btnSendSms.attr("disabled",false).css("color","blue").css("text-decoration","underline");
  54. myCount=120;
  55. window.clearInterval(objTimer);
  56. }else{
  57. if (myCount > 60) {
  58. btnSendSms.html("已发送");
  59. btnSendSms.css("color","grey").css("text-decoration","none");
  60. } else {
  61. btnSendSms.html("重新获取");
  62. btnSendSms.attr("disabled",false).css("color","blue").css("text-decoration","underline");
  63. }
  64. lefttime.html("(剩余有效时间" + myCount + "秒)");
  65. myCount--;
  66. }
  67. }
  68. function sendPhoneNo(){
  69. window.clearInterval(objTimer);
  70. myCount=120;
  71. $.ajax({
  72. type:"post",
  73. url:"SmsAction.do?task=sendPhoneNo",
  74. dataType:"json",
  75. success:function(data){
  76. $("#seqenceInfo").show().html("短信序号"+data.serial_num);
  77. $("#serial_num").val(data.serial_num);
  78. $("#validate_id").val(data.validate_id);
  79. $("#lefttime").show().html("(剩余有效时间120秒)");
  80. $("#btnSendSms").html("已发送").css("color","grey").css("text-decoration","none");
  81. $("#btnValidate").attr("disabled",false);
  82. backwardCount();
  83. objTimer = window.setInterval("backwardCount()",1000);
  84. }
  85. });
  86. }
  87. </script>
  88. <style type="text/css">
  89. label.item {
  90. display: inline-block;
  91. font-size: 14px;
  92. font-weight: bold;
  93. text-align: right;
  94. vertical-align: middle;
  95. width: 95px;
  96. }
  97. .row {
  98. line-height: 36px;
  99. color: #000;
  100. }
  101. </style>
  102. </head>
  103. <body >
  104. <div class="container-layout">
  105. <div id="title" class="form-button" style="width: 100%;">
  106. <input onclick="closeTabUseInOA();" type="button" value="关闭" class="l-button">
  107. <input type="hidden" id="return_tab" value="${return_tab}" />
  108. <input type="hidden" id="serial_num" />
  109. <input type="hidden" id="validate_id" />
  110. </div>
  111. <div class="default_search row" style="margin: 0; width: 100%; padding:0;">
  112. <label id="loginName_label" class="item">手 机 号:</label><font style="font-size:16px;" id="iphone">${iphone }</font>
  113. </div>
  114. <div class="default_search row" style="margin: 0; width: 100%; padding:0;">
  115. <p style="margin:0;padding:0;">
  116. <label class="item"> 验 证 码:</label>
  117. <input id="validate_num" class="text" type="text" maxlength="6" value="" style="width:55px;">
  118. <span id="seqenceInfo" style="display:none">短信序号${serial_num}</span>
  119. <span id="lefttime" style="display:none">(剩余有效时间120秒)</span>
  120. <a id="btnSendSms" class="linka" onclick="sendPhoneNo();" href="#" style="color: blue; text-decoration: underline;">获取短信验证码</a>
  121. </p>
  122. </div>
  123. <div class="default_search" style="margin: 0; width: 100%; padding:0;">
  124. <ul class="list_search" style="width:600px;">
  125. <li class="title">
  126. <input type="button" class="l-button" value="验证" disabled="disabled" id="btnValidate">
  127. </li>
  128. </ul>
  129. </div>
  130. </div>
  131. </body>
  132. </html>