阻止form表单提交事件方法总汇
有时候我们在表单进行提交前需要进行表单验证，如果验证不通过，那么就需要阻止表单提交的默认行为，下面介绍两种阻止此默认行为的方式。
方式1：给form标签的添加表单提交事件onsubmit="return false;"
<form onsubmit="return change()" id="myForm" method="POST" role="form">
</form>
<script>
function change() {
//动作：阻止表单数据提交
return false;
}
</script>方式2：给form表单中的按钮添加单击事件onclick="return false;"
<form onsubmit="" id="myForm" method="POST" role="form">
<button type="submit" onclick="return change();">提交配置</button>
</form>
<script>
function change() {
//动作：阻止表单数据提交
return false;
}
</script>方式3：也是给form标签添加表单提交事件，只是添加的方式不同而已
<form id="myForm" method="POST" role="form">
</form>
<script>
$('#myForm').submit(function (event) {
//动作：阻止表单的默认行为
event.preventDefault();
//这也是可以的，虽然也是绑定表单提交事件，
// 但相比于onsubmit="return false;"，这个直接在事件处理程序（当前函数）中返回false就行了
// return false;
})
</script>方式4：最后这个厉害了，也是最简单的，直接规定button的类型为button就行了
<form onsubmit="return change()" id="myForm" method="POST" role="form">
<button type="button">提交配置</button>
</form>本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！