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

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.