grails - 提交表单时无法使用模态窗口进行确认

Question

我使用 Bootstrap 使用模态窗口，并且使用模态窗口是或否确认按钮提交表单，但是当我在表单内使用模态窗口代码时，它会在是按钮处提交，但如果我使用模态窗口则不会在表单外提交单击"is"按钮提交。

GSP代码是

  <g:form url="[resource: holidaysInstance, action:'delete']" method="DELETE" onSubmit="return modalwindow(this)">
  <input type="submit" class="btn bg-danger button_delete deleteHoliday" value="Delete"/>
  </g:form>
  Js are:
  function modalwindow(modalCOnfirmation)
  {

      $('#myModal').modal();
       return false;
  }

Answer 1

对于模态窗口提交，在你的表单中你应该删除 onSubmit 并且应该在按钮上使用 onClick 事件

<g:form url="[resource: holidaysInstance, action:'delete']" id="formId" method="DELETE">
     ......
     Form elements will come here
     ......
     <input type="button" class="btn bg-danger button_delete deleteHoliday" id="${holidaysInstance.id}" onClick="return modalwindow(${holidaysInstance.id},'formId')" value="Delete"/>
</g:form>

确保在 onClick 方法中传递您的对象 ID (holidaysInstance.id) 和表单 ID (formId)，如上所示。

然后在 JS 中您需要执行以下操作-

function modalwindow(modalConfirmation,formid)
{
    $('#myModal').modal();
    $('#modalYesButton').click(function () {
       $('#'+formid).submit();
       return true;   
    });
    return false;
}

因此它将通过您的模态窗口使用 JS 提交您的表单。