- 操控表单提交的流程而不用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();