首頁 >web前端 >js教程 >js表單提交和submit提交的區別

js表單提交和submit提交的區別

高洛峰
高洛峰原創
2016-12-16 15:12:381691瀏覽

<!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按鈕提交的區別:

    

    1. js提交表單時不會帶上submit 按鈕的值(因為沒有被點選) 所有瀏覽器

    2. input 回車提交w3c瀏覽器會帶上submit按鈕的值,ie6則不會帶

   用這個來判斷,無論用哪種方式提交都會有值


submit按鈕上綁定提交事件:

即:

    都會帶上submit的值, 用js提交都檢測不到onsubmit 方法:如果按鈕為submit則偵測時用onsubmit事件偵測

     若按鈕為button,偵測透過後觸發submit事件

   

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

更多js表單提交和submit提交的區別相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn