JavaScript阻止表單提交方法（附代碼）
<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的阻止默認事件機制，頁面載入之后獲得submit元素，然后為submit注冊click響應函數(shù)，參數(shù)為event事件。
在用戶點擊submit觸發(fā)響應函數(shù)后，直接event.preventDefault();阻止表單轉跳的默認事件。
第二種方法：在表單form標簽下屬性onsubmit="return checkLength()" 或 id="submit"的input標簽下添加屬性 checkLength()"
function 函數(shù)中 阻止 form提交 return false;
阻止 函數(shù)中代碼向下執(zhí)行 return;
以下還有
1.form的兩個事件
submit，提交表單，如果直接調用該函數(shù)，則直接提交表單
onSubmit，提交按鈕點擊時先觸發(fā)，然后觸發(fā)submit事件。如果不加控制的話，默認返回true，因此表單總能提交。
2. JS的校驗
通過在JS中用document.myform.name.value,來得到用戶的每一個輸入 ，進行校驗，當完全通過時，返回TRUE，反之返回false。
3. 頁面代碼實現(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的實現(xiàn)
function check(){
if (document.testform.name.value=="admin") {
alert("姓名不正確");
return false;
}
else{
return true;
}
}
注意
onSubmit的寫法，千萬不要寫成：“check（）”，這樣當檢驗不能通過的時候不會提交表單。
好了以上就是小編為大家整理的js阻止表單提交的全部內容啦，希望對大家的學習能夠有所幫助~
相關文章
JavaScript通過HTML的class來獲取HTML元素的方法總結
除了getElementsByClassName()函數(shù),我們可以自己動手編寫程式來通過class獲取元素,接下來我們整理了一下JavaScript通過HTML的class來獲取HTML元素的方法總結,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡單可拖動的模態(tài)框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了微信小程序-API接口安全詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
Highcharts 非常實用的Javascript統(tǒng)計圖demo示例
官網(wǎng)實例中給出了各式各樣的demo，可以參照document修改自己需要的即可，本文實現(xiàn)的是一個學生成績走勢demo，有需求的朋友可以參考下哈，希望對大家有所幫助2013-07-07
很多時候我們都把時間戳作為id值,下面這篇文章主要給大家介紹了關于JavaScript獲取當前時間戳的5種方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
如何才能學好JS？在這里給大家總結一些學習Js的經(jīng)驗，希望能對你們有所幫助。2021-05-05
本文通過實例代碼給大家講解了js和jquery中的文檔加載問題，感興趣的的朋友一起看看吧2017-08-08
js操作數(shù)據(jù)庫實現(xiàn)注冊和登陸的簡單實例
下面小編就為大家?guī)硪黄猨s操作數(shù)據(jù)庫實現(xiàn)注冊和登陸的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這篇文章介紹了js 三級關聯(lián)菜單效果，有需要的朋友可以參考一下2013-08-08
javascript substr和substring用法比較
在js中substring和substr都是用來截取字符串的，那么substring和substr之間的具體區(qū)別在哪里，有沒有區(qū)別呢，下面我來給各位詳細引用一些實例來介紹這些問題2009-06-06