JS控制表单提交事件，拦截表单提交和继续表单提交

• 操控表单提交的流程而不用button的onclick事件的意义

操控表单提交的流程而不是使用button的onclick事件，能够保留表单的本身一些好用的特性，比如回车提交之类的

• 拦截表单提交的方法

`

const your_form = document.getElementById('your-form');
your_form.onsubmit = function (e) {
  var e = e || window.event;
  if (e.preventDefault) e.preventDefault();
  else window.event.returnValue = false;
}

• 如何在终止后重启提交进程

好了，在上一步之后，我们已经成功拦截了表单提交的默认事件，但是在我们进行了各种验证之后，我们需要把数据通过非Ajax的方式提交给后台，这时候我们会发现你已经把他拦截了。那怎么重启呢？ 其实很简单，就是把上一步用来触发事件的your_form，来触发一个submit事件。

your_form.submit();

广告

赞过：

赞 正在加载……

相关