js表單提交和submit提交的區(qū)別實(shí)例分析
本文實(shí)例分析了js表單提交和submit提交的區(qū)別。分享給大家供大家參考，具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<body>
<script>
function test()
{
document.getElementById("myform").submit();
alert(11);
}
</script>
<form name="myfrom" id="myform" method="get" action="b.php">
<input type="text" name="pwd" value="" />
<input type="submit" name="sub" value="111" />
<input type="button" name="btn" value="btn" onclick="test()" />
</form>
</body>
</html>
注意：get方式提交表單時(shí) action里面不能用url傳值, post則可以這樣傳
js提交和submit按鈕提交的區(qū)別:
1. js提交表單時(shí)不會(huì)帶上 submit 按鈕的值(因?yàn)闆]有被單擊) 所有瀏覽器
2. input 回車提交 w3c瀏覽器會(huì)帶上submit按鈕的值，ie6則不會(huì)帶
解決辦法：
增加一個(gè)hidden域,用這個(gè)來判斷，無論用哪種方式提交都會(huì)有值
submit按鈕上綁定提交事件:
即:<input type="submit" name="btn" value="btn" onclick="test()" />
都會(huì)帶上submit的值, 用js提交都檢測不到onsubmit狀態(tài)
w3c： 提交一次
ie6: 分兩次提交，先js在form提交
解決辦法：
如果按鈕為submit則 檢測時(shí)用onsubmit事件檢測
如果按鈕為button，則檢測通過后在觸發(fā)submit事件
一定不要用js提交表單，然后又用onsubmit去檢測
單純的用js提交表單, alert, ff下阻塞表單的提交，而其他瀏覽
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
js中實(shí)現(xiàn)字符串和數(shù)組的相互轉(zhuǎn)化詳解
這篇文章主要介紹了js中實(shí)現(xiàn)字符串和數(shù)組的相互轉(zhuǎn)化，感興趣的小伙伴們可以參考一下2016-01-01
elemetUi 組件--el-upload實(shí)現(xiàn)上傳Excel文件的實(shí)例
這篇文章主要介紹了elemetUi 組件--el-upload實(shí)現(xiàn)上傳Excel文件的實(shí)例的相關(guān)資料,希望通過本文大家能夠?qū)崿F(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
JavaScript截取字符串的2個(gè)函數(shù)介紹
這篇文章主要介紹了JavaScript截取字符串的2個(gè)函數(shù)介紹,它們分別是substring和substr函數(shù),本文用實(shí)例講解了它們的用法,需要的朋友可以參考下2014-08-08
@ResponseBody 和 @RequestBody 注解的區(qū)別
這篇文章主要介紹了@ResponseBody 和 @RequestBody 注解的區(qū)別的相關(guān)資料,需要的朋友可以參考下2017-03-03
使用js寫的計(jì)算字符串長度且其中中文是utf8格式的，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
下面小編就為大家?guī)硪黄趓equire.js的使用(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要總結(jié)了JS常用字符串的處理方法,需要的朋友可以參考下2014-05-05
js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁面性能，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了electron中使用bootstrap的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11