preventDefault on submitting form

Question

I would like run function on my form submit (validate with Foundation framework) :

$($newsletter).on('formvalid.zf.abide', function(ev) {
    ev.preventDefault();
    alert('validate!');
    openRevealNewsletter(this.getAttribute('action'));
});

I've my alert when my form is valid, but my preventDefault() don't work. My form is submitted :(

Answer 1

请试试这个：

$($newsletter).on('formvalid.zf.abide', function(ev) {
   alert('validate!');
   openRevealNewsletter(this.getAttribute('action'));
   return false;
});

这将停止错误返回值的表单帖子。

当您使用return false时，当您调用它时，它会自动执行3个单独的操作：

1.event.preventDefault();

2.event.stopPropagation();

3.Stops callback execution and it returns immediately when callback are called.

Answer 2

拦截提交submit事件。

$($newsletter).on("submit",function(e) {
  e.preventDefault();
  console.log("submit intercepted");
  return false;
});
$($newsletter).on("forminvalid.zf.abide", function(e,target) {
  console.log("form is invalid");
  //show error messages
});
$($newsletter).on("formvalid.zf.abide", function(e,target) {
  console.log("form is valid");   
  //process form
  openRevealNewsletter(this.getAttribute('action'));
});

Answer 3

首先，使用

轻松完成这项工作

../

而不是

<img src="../images/image.gif">

以编程方式在java脚本中使用

提交表单

 <button type="button">submit</button>

这将在您调用此脚本时提交您的表单，同时在使用提交按钮中的按钮替换提交时也不需要默认