今天和大家分享一下，關於如何阻止form表單的提交。
一、為什麼要阻止form表單的提交呢？以及使用場景
我們在工作中，比如一個登錄頁面，當填完用戶登錄信息後，需要對用戶信息進行校驗，如果有問題，那麼就不應該將數據提交到後臺，而是在前臺阻止，接下來我們看一下，如何阻止form表單的幾種方式
1、表單第一種阻止方式：form結合onclick事件來阻止form表單的提交
<head>
<meta charset="UTF-8">
<title></title>
<script>
function checkform() {
return false;
}
</script>
</head>
<body>
<form action="#" method="get" id="form" onclick="return checkform();">
<input id="username" name="username">
<input type="submit" value="提交"/>
</form>
</body>
小貼士：當使用onclick的方式時，一定要注意記得加上 return，否則 是無法阻止表單提交的。
2、表單第二種阻止方式：form結合onsubmit事件來阻止form表單的提交
代碼如下：
<form action="#" method="get" id="form">
<input id="username" name="username">
<input type="submit" value="提交"/>
</form>
<script>
window.onload = function(){
document.getElementById("form").onsubmit = function () {
return true; }
}
</script>
或者也可以這樣寫：
<form action="#" method="get" id="form" onsubmit="return checkform();">
</form><script>
function checkform() {
return false;
}</script>
3、表單第二種阻止方式：使用Jquery的方式來阻止form表單的提交
<form id="form" role="form"></form>
<script>$('#form').submit(function (event) {
event.preventDefault();
return false;
});</script>
好了，即今天關於阻止form提交的學習，就到這裡咯！