form中onsubmit的使用
生活随笔
收集整理的這篇文章主要介紹了
form中onsubmit的使用
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
form 中的onsubmit在點(diǎn)submit按鈕時(shí)被觸發(fā)，如果return false;則結(jié)果不會(huì)被提交到action中去（也就是提交動(dòng)作不會(huì)發(fā)生），如果不返回或者返回true，則執(zhí)行提交動(dòng)作。（<a οnclick=”return confirm(‘是否跳轉(zhuǎn)到百度？’);” href=”http://www.baidu.com”>baidu</a>也同理）,下面是一個(gè)例子程序。
<!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("加載此頁面時(shí)執(zhí)行");function buttonSubmit(){document.form1.submit();} </script> </head> <body><a οnclick="return confirm('是否跳轉(zhuǎn)到百度？');" href="http://www.baidu.com">baidu</a><form name="form1" οnsubmit="return confirm('是否進(jìn)行提交？');"><input type="submit" value="submit" /><input type="button" value="button" onClick="buttonSubmit();"</form> </body> </html>
結(jié)論：
1.如果html中使用form的onsubmit進(jìn)行提交前的數(shù)據(jù)驗(yàn)證，需要驗(yàn)證函數(shù)返回一個(gè)布爾值，而且要寫成οnsubmit=”return 函數(shù)名();” return不能少，否則無論函數(shù)返回true還是false都能夠提交，達(dá)不到驗(yàn)證的目的。
2.只能使用sunmit按鈕進(jìn)行提交才觸發(fā)onsubmit事件，button按鈕的提交不能觸發(fā)onsubmit事件。
轉(zhuǎn)載于:https://www.cnblogs.com/moqiang02/p/4061529.html
總結(jié)
以上是生活随笔為你收集整理的form中onsubmit的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： c++ smart pointer 趣谈
- 下一篇： struts解决form提交的中文参数乱