阻止表单默认提交行为

51 阅读 0 评论 34 点赞

我是靠谱客的博主包容凉面，最近开发中收集的这篇文章主要介绍阻止表单默认提交行为，觉得挺不错的，现在分享给大家，希望可以做个参考。

Event Handler属性

<form>
<input name="name">
<button type="submit" name="child">submit</button>
</form>

这里有一个简单的表单，可以使用返回值false来阻止表单默认提交。

var form=document.getElementsByTagName("form").item(0);
form.οnsubmit=function () {
return false;
}

观察表单是否默认提交的方法是，观察网址栏是否变成了带参的路径。

对于这样注册的事件：


form.addEventListener("submit",validate,false);
function validate(e) {
console.log("I am executed")
console.log(e.target)
e.preventDefault()
}

可以使用e.preventDefault()来阻止表单默认提交

对于我来说，应用场景是将表单数据以JSON格式发送给Restful接口时用到了，使用Ajax发送HTTP POST请求，而不是使用表单默认提交方式。

以上就是包容凉面为你收集整理的阻止表单默认提交行为的全部内容，希望文章能够帮你解决阻止表单默认提交行为所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。