標籤：js 阻止表單提交方法
<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響應函數，參數為event事件。
在使用者點擊submit觸發響應函數後，直接event.preventDefault();阻止表單轉跳的預設事件。
第二種方法：在表單form標籤下屬性onsubmit="return checkLength()"（ie能實現，Google不能實現）或 id="submit"的input標籤下添加屬性 checkLength()"
function 函數中 阻止 form提交 return false;
阻止 函數中代碼向下執行 return;
以下還有
1.form的兩個事件
submit，提交表單，如果直接調用該函數，則直接提交表單
onSubmit，提交按鈕點擊時先觸發，然後觸發submit事件。如果不加控制的話，預設返回true，因此表單總能提交。
通過在JS中用document.myform.name.value,來得到使用者的每一個輸入 ，進行校正，當完全通過時，返回TRUE，反之返回false。
4. JS的實現/*
<form name="testform" action="hello.html" method="post" onSubmit="return check();">
<input type="text" name="name">
<input type="submit" value="提交">
</form>
*/
注意function check(){
if (document.testform.name.value=="admin") {
alert("姓名不正確");
return false;
}
else{
return true;
}
}
onSubmit的寫法，千萬不要寫成：“check（）”，這樣當檢驗不能通過的時候不會提交表單。
本文出自 “Exist” 部落格，請務必保留此出處http://exist.blog.51cto.com/10305882/1955968
Js 阻止表單提交方法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
