Question

我使用模态窗口使用bootstrap并使用模态窗口提交表单是或否确认按钮，但是当我在表单中使用模态窗口代码然后它提交在是按钮但在表单外如果我使用模态窗口那么它＆＃ 39;未按“是”按钮提交。

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提交表单。

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

1 个答案: