Блог

Я пробовал все ответы из StackOverflow. Все в порядке, но капча не перезагружается на той же странице. Если я обновлю только страницу, она будет перезагружена.

     <div class="row">
    <div class="col-7">
       <div class="control-group">
           <input id="captcha" type="text" class="form-control" placeholder="Enter Captcha" name="captcha">
               <p class="help-block text-danger"></p>
       </div>
     </div>

    <div class="col-5">
       <div class="control-group">
           <div class="captcha">
              <span>{!! captcha_img() !!}</span>
              <button type="button" class="btn btn-primary" class="reload" id="reload">
                ↻
              </button>
           </div>
           <p class="help-block text-danger"></p>
       </div>
    </div>
</div>

public function storeContactMessage(Request $request)
{
    $validation = array(
        'name'=>'required',
        'phone'=>'required',
        'email'=>'required',
        'message'=>'required',
        'captcha' => 'required|captcha'
    );
    $request->validate($validation);
    
    $contact = new AppModelsCMSRequestContactus;
    $contact->phone = $request->get('phone'); 
    $contact->name = $request->get('name'); 
    $contact->email = $request->get('email'); 
    $contact->subject = $request->get('subject'); 
    $contact->message = $request->get('message');
    $contact->save();

    return redirect()->route('contactus.front')->with('msg', 'Your message has been submitted Successfully. Well contact you shortly.');
}

public function reloadCaptchaContact()
{
    return response()->json(['captcha'=> captcha_img()]);
}
 

Как я могу заставить кнопку работать для перезагрузки капчи