js表單提交和submit提交的區(qū)別實(shí)例分析

更新時(shí)間：2015年12月10日 11:12:03 作者：思齊_

這篇文章主要介紹了js表單提交和submit提交的區(qū)別,結(jié)合實(shí)例形式較為詳細(xì)的分析了js表單提交和submit提交具體實(shí)現(xiàn)方法與使用技巧,需要的朋友可以參考下

本文實(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提交都檢測(cè)不到onsubmit狀態(tài)
w3c：提交一次
ie6: 分兩次提交，先js在form提交

解決辦法：

如果按鈕為submit則檢測(cè)時(shí)用onsubmit事件檢測(cè)

如果按鈕為button，則檢測(cè)通過后在觸發(fā)submit事件

一定不要用js提交表單，然后又用onsubmit去檢測(cè)

單純的用js提交表單, alert, ff下阻塞表單的提交，而其他瀏覽

希望本文所述對(duì)大家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ì)算字符串長(zhǎng)度包含的中文是utf8格式
使用js寫的計(jì)算字符串長(zhǎng)度且其中中文是utf8格式的，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下
2013-10-10
基于require.js的使用(實(shí)例講解)
下面小編就為大家?guī)硪黄趓equire.js的使用(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
JS常用字符串處理方法應(yīng)用總結(jié)
這篇文章主要總結(jié)了JS常用字符串的處理方法,需要的朋友可以參考下
2014-05-05
js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
前端性能優(yōu)化建議
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁面性能，感興趣的朋友可以了解下
2020-09-09
electron中使用bootstrap的示例代碼
這篇文章主要介紹了electron中使用bootstrap的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-11-11