html form中onsubmit的使用
阿新 • • 發佈：2019-02-14
html form 中的onsubmit在點submit按鈕時被觸發，如果return false;則結果不會被提交到action中去（也就是提交動作不會發生），如果不返回或者返回true，則執行提交動作。onsubmit和action兩個都是提交時出發的，不過：onsubmit是在表單中的確認按鈕被點選時出發的，一般是js函式，而action是在按鈕被點選之後出發的，一般是出發前臺提交到後臺的請求，而引起後臺的迴應。（<a onclick=”return confirm(‘是否跳轉到百度？’);” href=”http://www.baidu.com”>baidu</a>也同理）,下面是一個例子程式
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html form onsubmit使用</title>
<script type="text/javascript">
alert("載入此頁面時執行");
function buttonSubmit(){
document.form1.submit();
}
</script>
</head>
<body>
<a onclick="return confirm('是否跳轉到百度？');" href="http://www.baidu.com">baidu</a>
<form name="form1" onsubmit="return confirm('是否進行提交？');">
<input type="submit" value="submit" />
<input type="button" value="button" onClick="buttonSubmit();"
</form>
</body>
</html>結論：
1.如果html中使用form的onsubmi屬性t進行提交前的資料驗證，需要驗證函式返回一個布林值，而且要寫成onsubmit=”return 函式名();” return不能少，否則無論函式返回true還是false都能夠提交，達不到驗證的目的。
2.只能使用sunmit按鈕進行提交才觸發onsubmit事件，button按鈕的提交不能觸發onsubmit事件