findpwd.lbi 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <div class="container">
  2. <div class="passport_container">
  3. <div class="row">
  4. <div class="col-md-6 col-md-offset-3">
  5. <a href="/"><img src="/static/images/logo.png" alt="{$_lang.title}"></a>
  6. </div>
  7. </div>
  8. <div class="row top15">
  9. <h3>与世界分享你的全景</h3>
  10. </div>
  11. <div class="row top15">
  12. <div class="col-md-3 col-md-offset-3 {if $step=='validate'}text-success{/if}"><strong>验证手机</strong></div>
  13. <div class="col-md-3 {if $step=='reset'}text-success{/if}"><strong>重设密码</strong></div>
  14. </div>
  15. <div class="row ">
  16. <div class="col-md-12 top15">
  17. {if $step=='validate'}
  18. <form id="find_form" action="/passport/findpwd" method="post">
  19. <div class="input-group top15">
  20. <span class="input-group-addon">验证码</span>
  21. <input type="text" id="pic_captcha" class="form-control" width="200">
  22. <span class="input-group-addon" style="width:89px;padding:0;border:0"><img id="captcha_img" src="/captcha.php?act=find" alt="点击图片,切换验证码" style="width:100%;height:32px;cursor:pointer"></span>
  23. </div>
  24. <div class="input-group top15">
  25. <span class="input-group-addon"><i class="icon icon-tablet"></i></span>
  26. <input type="text" id="phone" name="phone" class="form-control" placeholder="手机号" width="200">
  27. <span class="input-group-btn">
  28. <button class="btn btn-info" type="button" id="send_btn">获取验证码</button>
  29. </span>
  30. </div>
  31. <div class="input-group top15">
  32. <span class="input-group-addon">手机验证码</span>
  33. <input type="text" id="sms_captcha" name="sms_captcha" class="form-control">
  34. </div>
  35. <button class="btn btn-block btn-primary top15" type="button" id="find_btn" onclick="ajaxFormSubmit('find_form','find_btn');">验证手机</button>
  36. </form>
  37. {/if}
  38. {if $step=='reset'}
  39. <form id="find_form" action="/passport/findpwd" method="post">
  40. <div class="input-group top15">
  41. <span class="input-group-addon">密  码</span>
  42. <input type="password" name="pwd" class="form-control">
  43. </div>
  44. <div class="input-group top15">
  45. <span class="input-group-addon">重复密码</span>
  46. <input type="password" name="repwd" class="form-control">
  47. </div>
  48. <button class="btn btn-block btn-primary top15" type="button" id="find_btn" onclick="ajaxFormSubmit('find_form','find_btn');">验证手机</button>
  49. </form>
  50. {/if}
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <script src="/static/js/sendsms.js"></script>
  56. <script type="text/javascript">
  57. $("#captcha_img").click(function(){
  58. $(this).attr('src','/captcha.php?act=reg&v'+(new Date().getTime()));
  59. });
  60. $("#send_btn").click(function(){
  61. $(".input-group").removeClass('has-error');
  62. var pic_captcha = $.trim($("#pic_captcha").val());
  63. if (pic_captcha=="") {
  64. showerr("请输入正确图形验证码",$("#pic_captcha"));
  65. return false;
  66. }
  67. var phone = $.trim($("#phone").val());
  68. if (phone.length!=11) {
  69. showerr("请输入正确的手机号",$("#phone"));
  70. return false;
  71. }
  72. sendSms("find",phone,pic_captcha);
  73. })
  74. </script>