<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" name="user" id="user"></p> <input type="submit" id="submit" name="submit"> </form></body></html>
html頁面。
第一種方法：利用event的阻止默認(rèn)事件機(jī)制，頁面載入之后獲得submit元素，然后為submit注冊click響應(yīng)函數(shù)，參數(shù)為event事件。
在用戶點(diǎn)擊submit觸發(fā)響應(yīng)函數(shù)后，直接event.preventDefault();阻止表單轉(zhuǎn)跳的默認(rèn)事件。
第二種方法：在表單form標(biāo)簽下屬性onsubmit="return checkLength()" 或 id="submit"的input標(biāo)簽下添加屬性 checkLength()"
function 函數(shù)中 阻止 form提交 return false;
阻止 函數(shù)中代碼向下執(zhí)行 return;
以下還有
1.form的兩個(gè)事件
submit，提交表單，如果直接調(diào)用該函數(shù)，則直接提交表單
onSubmit，提交按鈕點(diǎn)擊時(shí)先觸發(fā)，然后觸發(fā)submit事件。如果不加控制的話，默認(rèn)返回true，因此表單總能提交。
2. JS的校驗(yàn)
通過在JS中用document.myform.name.value,來得到用戶的每一個(gè)輸入 ，進(jìn)行校驗(yàn)，當(dāng)完全通過時(shí)，返回TRUE，反之返回false。
3. 頁面代碼實(shí)現(xiàn)
/*<form name="testform" action="hello.html" method="post" onSubmit="return check();"> <input type="text" name="name"> <input type="submit" value="提交"></form>*/
4. JS的實(shí)現(xiàn)
function check(){ if (document.testform.name.value=="admin") { alert("姓名不正確"); return false; } else{ return true; }}注意
onSubmit的寫法，千萬不要寫成：“check（）”，這樣當(dāng)檢驗(yàn)不能通過的時(shí)候不會提交表單。
好了以上就是小編為大家整理的js阻止表單提交的全部內(nèi)容啦，希望對大家的學(xué)習(xí)能夠有所幫助~
新聞熱點(diǎn)
疑難解答
