js表單提交和submit提交的區(qū)別實例分析
更新時間：2015年12月10日 11:12:03 作者：思齊_
這篇文章主要介紹了js表單提交和submit提交的區(qū)別,結(jié)合實例形式較為詳細(xì)的分析了js表單提交和submit提交具體實現(xiàn)方法與使用技巧,需要的朋友可以參考下
本文實例分析了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方式提交表單時 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程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)不重復(fù)導(dǎo)入的方法,實例分析了JavaScript基于文件與字符串判斷操作實現(xiàn)JS文件不重復(fù)導(dǎo)入的相關(guān)技巧,需要的朋友可以參考下2016-03-03
在JavaScript中,事件流冒泡是一種非常重要的概念,它是指事件從最內(nèi)層的元素開始,逐級向外傳播到最外層元素的過程,下面我們就來了解下JavaScript中事件流冒泡的原理與實現(xiàn)吧2023-11-11
Django1.7+JQuery+Ajax驗證用戶注冊集成小例子
下面是散仙使用Django+Jquery+Ajax的方式來模擬實現(xiàn)了一個驗證用戶注冊時，用戶名存在不存在的一個小應(yīng)用。注意，驗證存在不存在使用的是Ajax的方式，不用讓用戶點擊按鈕驗證是否存在,需要的朋友可以參考下2017-04-04
在UniApp開發(fā)過程中,我們不僅需要掌握各種UI組件的使用方法,還需要了解如何在項目中引入JS文件,在本文中,我將介紹UniApp中如何引入JS的方法,感興趣的朋友跟隨小編一起看看吧2023-09-09
JavaScript知識點總結(jié)(六)之JavaScript判斷變量數(shù)據(jù)類型
這篇文章主要介紹了JavaScript知識點總結(jié)(六)之JavaScript判斷變量數(shù)據(jù)類型的相關(guān)資料，非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-05-05
es6 super關(guān)鍵字的理解與應(yīng)用實例分析
這篇文章主要介紹了es6 super關(guān)鍵字的理解與應(yīng)用,結(jié)合實例形式分析了es6 super關(guān)鍵字的功能、原理、用法及相關(guān)操作注意事項,需要的朋友可以參考下2020-02-02
js將網(wǎng)址轉(zhuǎn)為urlencode類型
網(wǎng)址urlencode加密函數(shù)，主要用于中文目錄2008-06-06
本文是通過示例詳細(xì)分析了JS中三目運算符和if else的區(qū)別，是篇非常不錯的文章，這里推薦給大家。2014-11-11
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)計算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要為大家詳細(xì)介紹了js模擬實現(xiàn)百度搜索，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06