ajax_auth_mobile.blade.php 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <div class="modify_user_dialog">
  2. <div class="tip">
  3. 短信到达需要1~2分钟,若长时间未收到请点击重新发送!
  4. </div>
  5. <div id="J_mobileWrap" class="content">
  6. <div class="err J_errbox"></div>
  7. <div class="td1"><span class="asterisk"></span>&nbsp;手机号码:</div>
  8. <div class="td2">
  9. <input type="text" id="mobile" data-original="{{ $mobile }}" @if(!auth('web-company')->user()->mobile_audit) value="{{ $mobile }}" @endif class="input_245_34" name="mobile" placeholder="请输入手机号码">
  10. <input type="hidden" name="audit" id="audit" value="{{ $mobile_audit }}">
  11. </div>
  12. <div class="clear"></div>
  13. <div class="td1"><span class="asterisk"></span>&nbsp;验证码:</div>
  14. <div class="td2">
  15. <div class="code">
  16. <input type="text" class="" name="verifycode">
  17. </div>
  18. <div class="codebtn"><input type="button" id="J_mobileVerifyCode" class="btn_verficode J_hoverbut" value="获取验证码"></div>
  19. <div class="clear"></div>
  20. </div>
  21. <div class="clear"></div>
  22. </div>
  23. </div>
  24. <div id="popup-captcha"></div>
  25. <input type="hidden" id="btnCheck" />
  26. <script>
  27. $(function () {
  28. var timer,ountdownVal = 60;
  29. $("#J_mobileVerifyCode").click(function () {
  30. var mobile = $("#mobile").val();
  31. if(mobile==''|| mobile==null){
  32. disapperTooltip("remind", '手机号码不能为空!');
  33. }else{
  34. $.ajax({
  35. headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
  36. type: "POST",
  37. url: "{{ route('verifyCode') }}",
  38. data: {
  39. mobile:mobile,
  40. id:"{{ auth('web-company')->user()->id }}"
  41. },
  42. dataType: "json",
  43. success: function(result){
  44. if(result.status) {
  45. disapperTooltip('success','验证码发送成功!');
  46. timer=setInterval(ountdown,1000);
  47. } else {
  48. disapperTooltip('remind',result.msg);
  49. }
  50. },
  51. error: function (errorData) {
  52. if(errorData.status==400) {//业务错误
  53. disapperTooltip("remind", errorData.responseJSON.message);
  54. }else if (errorData.status==422) {//验证错误
  55. $.each(errorData.responseJSON.errors,function (key,val) {
  56. disapperTooltip("remind", val[0]);
  57. });
  58. }
  59. }
  60. });
  61. }
  62. })
  63. ountdown = function(){
  64. ountdownVal--;
  65. if(ountdownVal<=0){
  66. clearInterval(timer);
  67. $('#J_mobileVerifyCode').val('获取验证码').removeClass('disabled').prop('disabled', 0);
  68. }else{
  69. $('#J_mobileVerifyCode').val('重新发送'+ ountdownVal +'秒').addClass('disabled').prop('disabled', !0);
  70. }
  71. };
  72. })
  73. </script>