Question

我有一个已经有Validations的表单，当我提交表单时我已经显示了bootstrap模态窗口，知道模态窗口有两个按钮接受和取消，点击接受按钮我希望表单提交和取消关闭模态。

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();
});

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

1 个答案: