版权声明:欢迎转评,一起学习. https://blog.csdn.net/xiaobinqt/article/details/84206060
1. 利用 onsubmit="return false" 阻止表单提交
<form action="" method="get" onsubmit="return false">
<input type="text" name="name" value="">
<button>提交表单</button>
</form>
2. 利用 return false 阻止
<form action="" method="get">
<input type="text" name="name" value="">
<button>提交表单</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script>
jQuery(function () {
$("button").on("click",function () {
return false;
})
});
</script>
3. 利用 preventDefault() 阻止表单提交
<form action="" method="get">
<input type="text" name="name" value="">
<button>提交表单</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script>
jQuery(function () {
$("form").submit(function (e) {
e.preventDefault();
});
});
</script>