password_reset.blade.php 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @extends('mobile.module.layouts.content')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link href="{{ theme_asset('mobile/css/members.css') }}" rel="stylesheet">
  6. @endpush
  7. @push('js')
  8. @endpush
  9. @section('content')
  10. <div class="list-top-txt list_height">您的身份信息验证成功,请设置新密码:</div>
  11. <form action="{{route($sub_site.'mobile.password.reset', ['token'=>$token])}}" id="resetForm" method="post">
  12. {{csrf_field()}}
  13. <div class="list-group">
  14. <div class="list_height plist-txt notarrow">
  15. <div class="pic"></div>
  16. <div class="tit font14">新密码</div>
  17. <div class="describe font12"><input type="password" name="password" id="password" placeholder="请输入6-16位密码"></div>
  18. <div class="clear"></div>
  19. </div>
  20. <div class="list_height plist-txt notarrow">
  21. <div class="pic"></div>
  22. <div class="tit font14">确认密码</div>
  23. <div class="describe font12"><input type="password" name="password_confirmation" id="password_confirmation" placeholder="请再次输入新密码"></div>
  24. <div class="clear"></div>
  25. </div>
  26. </div>
  27. </form>
  28. <div class="btn-spacing mt4"><a id="resetPwdBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">重置密码</a></div>
  29. @endsection
  30. @section('script')
  31. <script>
  32. /**
  33. * 重置密码验证
  34. */
  35. $('#resetPwdBtn').on('click', function () {
  36. var passwordValue = $.trim($('input[name=password]').val());
  37. var password1Value = $.trim($('input[name=password_confirmation]').val());
  38. if (passwordValue == '') {
  39. qsToast({type:2,context: '请输入密码'});
  40. return false;
  41. }
  42. if(!inputRegValiPassword(passwordValue)){
  43. qsToast({type:2,context: '密码长度要求为6-16个字符'});
  44. return false;
  45. }
  46. if (password1Value == '') {
  47. qsToast({type:2,context: '请再次输入新密码'});
  48. return false;
  49. }
  50. if(!inputRegValiPassword(password1Value)){
  51. qsToast({type:2,context: '密码长度要求为6-16个字符'});
  52. return false;
  53. }
  54. if(!inputRegValiPasswordRepeat(passwordValue,password1Value)){
  55. qsToast({type:2,context: '两次输入的密码不一致'});
  56. return false;
  57. }
  58. $('#resetForm').submit();
  59. });
  60. /**
  61. * 验证密码长度
  62. * @param value 密码
  63. * @returns {boolean}
  64. */
  65. function inputRegValiPassword(value){
  66. achoice = true;
  67. if(value.length>16 || value.length<6){
  68. achoice = false;
  69. }
  70. return achoice;
  71. }
  72. /**
  73. * 验证密码两次输入是否一致
  74. * @param password 第一次密码
  75. * @param passwordRepeat 第二次密码
  76. * @returns {boolean}
  77. */
  78. function inputRegValiPasswordRepeat(password,passwordRepeat){
  79. achoice = true;
  80. if(password!=passwordRepeat){
  81. achoice = false;
  82. }
  83. return achoice;
  84. }
  85. </script>
  86. @endsection