我正在使用recaptcha gem . Rails 5.2 .

我有以下表格:

= simple_form_for @quote_request_form, url: quote_requests_path, html: {id: "invisible-recaptcha-form"} do |f|
  .form-group
    = f.input :name, label: false, placeholder: 'First and Last Name', 
  .form-group.actions.mt-5
    button.btn.btn-primary.btn-lg.btn-block#submit-btn Submit
  = invisible_recaptcha_tags ui: :invisible, callback: 'submitInvisibleRecaptchaForm'

我为表单添加了以下javascript:

javascript:


  document.getElementById('submit-btn').addEventListener('click', function (e) {
      e.preventDefault();
      grecaptcha.execute();
  });

  var submitInvisibleRecaptchaForm = function () {
    document.getElementById("invisible-recaptcha-form").submit();
  };

我检查控制器中recaptcha的值如下:

if verify_recaptcha(model: @quote_request_form) && @quote_request_form.save
    redirect_to quote_confirm_path, notice: "Your quotation request is being processed"
  else
    render :new
  end

只要我使用e.preventDefault(),它就可以工作;线 . 如果我删除这一行,我会在recaptcha中失败,我可以在参数中看到recaptcha attriburte正在发送空白数据 .

我不明白为什么我需要它,因为没有文档指定它 . 所以我做错了什么,但我无法弄清楚 .

任何人都可以看到我如何解决这个问题?