js表單提交和submit提交的區(qū)別實例分析
更新時間：2015年12月10日 11:12:03 作者：思齊_
這篇文章主要介紹了js表單提交和submit提交的區(qū)別,結合實例形式較為詳細的分析了js表單提交和submit提交具體實現方法與使用技巧,需要的朋友可以參考下
本文實例分析了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>無標題文檔</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方式提交表單時 action里面不能用url傳值, post則可以這樣傳
js提交和submit按鈕提交的區(qū)別:
1. js提交表單時不會帶上 submit 按鈕的值(因為沒有被單擊) 所有瀏覽器
2. input 回車提交 w3c瀏覽器會帶上submit按鈕的值，ie6則不會帶
解決辦法：
增加一個hidden域,用這個來判斷，無論用哪種方式提交都會有值
submit按鈕上綁定提交事件:
即:<input type="submit" name="btn" value="btn" onclick="test()" />
都會帶上submit的值, 用js提交都檢測不到onsubmit狀態(tài)
w3c： 提交一次
ie6: 分兩次提交，先js在form提交
解決辦法：
如果按鈕為submit則 檢測時用onsubmit事件檢測
如果按鈕為button，則檢測通過后在觸發(fā)submit事件
一定不要用js提交表單，然后又用onsubmit去檢測
單純的用js提交表單, alert, ff下阻塞表單的提交，而其他瀏覽
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了js中實現字符串和數組的相互轉化，感興趣的小伙伴們可以參考一下2016-01-01
elemetUi 組件--el-upload實現上傳Excel文件的實例
這篇文章主要介紹了elemetUi 組件--el-upload實現上傳Excel文件的實例的相關資料,希望通過本文大家能夠實現這樣的功能，需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JavaScript截取字符串的2個函數介紹,它們分別是substring和substr函數,本文用實例講解了它們的用法,需要的朋友可以參考下2014-08-08
@ResponseBody 和 @RequestBody 注解的區(qū)別
這篇文章主要介紹了@ResponseBody 和 @RequestBody 注解的區(qū)別的相關資料,需要的朋友可以參考下2017-03-03
使用js寫的計算字符串長度且其中中文是utf8格式的，具體的實現如下，感興趣的朋友可以參考下2013-10-10
下面小編就為大家?guī)硪黄趓equire.js的使用(實例講解)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要總結了JS常用字符串的處理方法,需要的朋友可以參考下2014-05-05
js使用navigator.userAgent判斷當前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當前瀏覽器所處的環(huán)境，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁面性能，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了electron中使用bootstrap的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11