jquery - 单击模态“接受”按钮时，在表单提交和提交表单上显示模态窗口？

Question

我有一个已经存在验证的表单，当我提交表单时，我已经显示了引导模式窗口，知道模式窗口有两个按钮接受和取消，点击接受按钮我希望提交表单，取消关闭模式.

var errorMessages = [];

    $("#f").submit(function(event){

         $("input,select,textarea").not("[type=submit]").each(function (i, el) {
           errorMessages = errorMessages.concat(
               $(this).triggerHandler("validation.validation")
           );
         });     
    if(errorMessages.length==0){     
    $('#myModal').modal("show");
    $("#agreesubmit").on('click',function(){
        $("#myModal").modal("hide");
       return true;  
      });
    }
    event.preventDefault();
    });

现在，当我单击 #agreesubmit 按钮时，我被卡住了，我希望提交表单，但不知道在这里做什么。

Answer 1

这有帮助吗？基本上你需要一个“标志”来表示协议已经达成，然后提交表格。我已经展示了一个正在使用的数据属性，因为它简洁明了。我没有测试过这段代码，但它在逻辑上是合理的。

$('#f').on('submit', function(e) {
  if( $(this).data('form-agree') !== true ) {
    e.preventDefault();
    // fire modal logic here.
  }
});

$('#agreesubmit').on('click', function() {
  $('#f').data('form-agree', true).submit();
});