Forms 如何防止提交按钮使用基础6.6提交表单并遵守 我试图使用基金会6.6来验证一个表单，如果表单是有效的，我不希望它提交，而是触发另一个事件。无论我做什么，表格似乎总是提交 <form data-abide novalidate id="contactForm" > ... <input type="submit" value="Next " id="goToBillingAddressTab"/> </form>

我也尝试过这一点，但它仍然提出：

  $('#contactForm').on("submit", function(ev) {
  ev.stopPropagation();
  ev.stopImmediatePropagation();
  ev.preventDefault();
  console.log("Submit for form intercepted");
  return false;
});


$('#contactForm').on("formvalid.zf.abide", function(ev) {
console.log("Form is valid");
    ev.stopPropagation();
    ev.stopImmediatePropagation();
    ev.preventDefault();
    // perform other task

    return false;
});

解决方案

我使用了基金会的“下载版本”。那就是虫子爬进某处的地方

如果我使用CDN：

---

然后它会正常工作

事件会像看上去那样绑定在提交按钮上，您可能需要StopRopagation和stopImmediatePropagation。感谢您的回复-但它仍然提交..也许检查每个输入的验证，然后使您的按钮可点击。

  $('#contactForm').on("submit", function(ev) {
  ev.stopPropagation();
  ev.stopImmediatePropagation();
  ev.preventDefault();
  console.log("Submit for form intercepted");
  return false;
});


$('#contactForm').on("formvalid.zf.abide", function(ev) {
console.log("Form is valid");
    ev.stopPropagation();
    ev.stopImmediatePropagation();
    ev.preventDefault();
    // perform other task

    return false;
});