cari

Rumah >hujung hadapan web >tutorial js >js表单提交和submit提交的区别

js表单提交和submit提交的区别

高洛峰
高洛峰asal
2016-12-16 15:12:381718semak imbas

<!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则不会带

    

    解决办法：增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值


submit按钮上绑定提交事件:

即:90976baea5fbfaf6a9ae6ce06347cb15

    都会带上submit的值, 用js提交都检测不到onsubmit状态

    w3c： 提交一次 

    ie6: 分两次提交，先js在form提交 

    

    解决办法：如果按钮为submit则 检测时用onsubmit事件检测

     如果按钮为button，则检测通过后在触发submit事件

   

     一定不要用js提交表单，然后又用onsubmit去检测


     单纯的用js提交表单, alert, ff下阻塞表单的提交，而其他浏览


更多js表单提交和submit提交的区别相关文章请关注PHP中文网！

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JS数组排序方法实例分析Artikel seterusnya：利用JS提交表单的几种方法和验证

Artikel berkaitan

Lihat lagi