addsms.php 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <script src="/static/common/jquery.js" type="text/javascript"></script>
  2. <form class="form-horizontal" action="/member/userinfo/savesms"
  3. method="post">
  4. <div class="form-group">
  5. <label class="col-md-3 control-label">
  6. 手机号码:
  7. </label>
  8. <div class="col-md-6">
  9. <input type="text" id='phone' name="phone" class="form-control" value="<?php echo $userinfo['phone']?>"
  10. disabled>
  11. </div>
  12. </div>
  13. <div class="form-group">
  14. <label class="col-md-3 control-label">
  15. 验证码:
  16. </label>
  17. <div class="col-lg-6">
  18. <div class="input-group">
  19. <input type="text" id="verifycode" name="verifycode" class="form-control"
  20. maxlength="4" required>
  21. <br> <br>
  22. <button id="btnSendCode" class="btn btn-default getcode" onClick="getCode(this)" type="button">
  23. <i class="fa fa-mobile"></i> &nbsp; 点击获取手机验证码
  24. </button>
  25. </div>
  26. </div>
  27. </div>
  28. <!-- placeholder=""--->
  29. <div class="form-group">
  30. <div class="col-md-offset-3 col-md-4">
  31. <button type="submit" class="btn btn-success">
  32. &nbsp;
  33. <i class="fa fa-check-square-o"></i>
  34. &nbsp;立即保存&nbsp;
  35. </button>
  36. </div>
  37. </div>
  38. </form>
  39. <br>
  40. <script type="text/javascript">
  41. var InterValObj; //timer变量,控制时间
  42. var count = 60; //间隔函数,1秒执行
  43. var curCount;//当前剩余秒数
  44. var code = ""; //验证码
  45. var codeLength = 4;//验证码长度
  46. /*-------------------------------------------*/
  47. function getCode(obj) {
  48. curCount = count;
  49. tel = $('#phone').val();
  50. if(tel!=''){
  51. //验证手机有效性
  52. var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
  53. if(!myreg.test($('#phone').val()))
  54. {
  55. alert('请输入有效的手机号码!');
  56. return false;
  57. }
  58. $("#btnSendCode").attr("disabled", "true");
  59. $("#btnSendCode").html("请在" + curCount + "秒内输入验证码");
  60. InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
  61. $.ajax({
  62. url: "/sms.php",
  63. type: "Post",
  64. data: "Tel=" + $("#phone").val(),
  65. success: function(msg) {
  66. if (msg == "ok") {
  67. alert("生成成功!请等侍短信提示。")
  68. return;
  69. }
  70. if (msg == "error") {
  71. alert("生成失败!请联系管理员")
  72. return;
  73. }
  74. alert(msg);
  75. }
  76. });
  77. }else{
  78. alert('请填写手机号码');
  79. }
  80. }
  81. function SetRemainTime() {
  82. if (curCount == 0) {
  83. window.clearInterval(InterValObj);//停止计时器
  84. $("#btnSendCode").removeAttr("disabled");//启用按钮
  85. $("#btnSendCode").html("重新发送验证码");
  86. code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效
  87. }
  88. else {
  89. curCount--;
  90. $("#btnSendCode").html("请在" + curCount + "秒内输入验证码");
  91. }
  92. }
  93. </script>