Laravel 8 mews验证码每次都返回无效

Question

我已经在 laravel 8 中安装了 mews 验证码。一切都很好。验证码每次都在加载。但是当我输入验证码表单时，它会在控制台中返回“给定数据无效”。 这是我的控制器

public function FptEditReq(Request $request){
    $request->validate([
        'captcha' => 'required|captcha',
    ]);
    
    $revision = fpt::find($request->id);
    $revision->revision = '1';
    $revision->save();
    return response()->json('success');
}

这是我的视图代码

 <form class="form-sample" id="captcha_form" method="post" action="javascript:void(0)">
  @csrf
  <div class="form-group mt-4 mb-4">

   <div class="captcha">
     <span>{!! captcha_img() !!}</span>
    <button type="button" class="btn btn-danger" class="reload" id="reload">
          &#x21bb;
     </button>
     </div>
   </div>

    <div class="form-group mb-4 col-sm-2">
       <input id="captcha" type="text" class="form-control" placeholder="Enter Captcha" name="captcha" required="">
     </div>                               
                                              
    <button type="submit" class="btn btn-danger mr-2" id="editreq">Edit Request</button>
                                        
  </form>

这是在我的 javascript 中

$('#reload').click(function () {
    $.ajax({
        type: 'GET',
        url: 'formation-plate-test/reload-captcha',
        success: function (data) {
            $(".captcha span").html(data.captcha);
        }

    });
});

$('body').on('click', '#editreq', function () {
var id = $('#captcha_form input[name="id"]').val();
 $.post("{{route('fpt.editreq')}}",{
      id:id,
 },
   function(data){
  if (data=='success') {

  location.reload(); 
        
      }
    })
 });

Answer 1

您必须在 ajax 返回后刷新您的验证码 div。

$('#reload').click(function () {
    $.ajax({
        type: 'GET',
        url: 'formation-plate-test/reload-captcha',
        success: function (data) {
            $(".captcha span").html(data.captcha);
            $(".captcha").load(window.location.href + " .captcha");
        }
    });
});