form中onsubmit的使用
生活随笔
收集整理的這篇文章主要介紹了
form中onsubmit的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
form 中的onsubmit在點submit按鈕時被觸發,如果return false;則結果不會被提交到action中去(也就是提交動作不會發生),如果不返回或者返回true,則執行提交動作。(<a οnclick=”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 οnclick="return confirm('是否跳轉到百度?');" href="http://www.baidu.com">baidu</a><form name="form1" οnsubmit="return confirm('是否進行提交?');"><input type="submit" value="submit" /><input type="button" value="button" onClick="buttonSubmit();"</form> </body> </html>
結論:
1.如果html中使用form的onsubmit進行提交前的數據驗證,需要驗證函數返回一個布爾值,而且要寫成οnsubmit=”return 函數名();” return不能少,否則無論函數返回true還是false都能夠提交,達不到驗證的目的。
2.只能使用sunmit按鈕進行提交才觸發onsubmit事件,button按鈕的提交不能觸發onsubmit事件。
轉載于:https://www.cnblogs.com/moqiang02/p/4061529.html
總結
以上是生活随笔為你收集整理的form中onsubmit的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c++ smart pointer 趣谈
- 下一篇: struts解决form提交的中文参数乱