JS 提交form表单;JS 提交form表单;JS 提交form表单；JS 提交form表单；JS 提交form表单；JS 提交form表单；JS 提交form表单;JS 提交form表单；JS 提交form表单；JS 提交form表单
源码实例
1. javascript 页面加裁时自动提交表单
|
1 2 3 4 5 6 7 8 9 10 |
Form表单： <form id="myform" action="a.php" method="post"><input type="submit" value="提交表单" /></form>javascript 代码： <script type="text/javascript"> function validate(){ document.getElementByIdx_x('myform').submit(); } window.load=validate(); </script> |
注：用Javascript提交表单时最好form里的元素不要用id="submit"或name="submit", 例如:
<input type="button" name="submit" />或<input type="button" id="submit" />这样JS可能不兼容各种浏览器，会导致JS报错。
- 超链接提交表单
|
1 2 3 4 5 6 7 8 9 10 |
Form表单： <form id="myform" action="a.php" method="post"><input type="test" value="name" /></form><a>提交</a> javascript 代码： <script type="text/javascript"> function validate(){ document.getElementByIdx_x('myform').submit(); } </script> |
- 用javascript其实真的很方便的去干某些事情！
js表单提交和submit提交的区别
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<br /><br />无标题文档 <script> function test() { document.getElementById("myform").submit(); alert(11); } </script> <form id="myform" action="b.php" method="get" name="myfrom"><input name="pwd" type="text" value="" /> <input name="sub" type="submit" value="111" /> <input name="btn" type="button" value="btn" /></form> |
- 注意：get方式提交表单时 action里面不能用url传值, post则可以这样传
js提交和submit按钮提交的区别:
1. js提交表单时不会带上 submit 按钮的值(因为没有被单击) 所有浏览器
2. input 回车提交 w3c浏览器会带上submit按钮的值，ie6则不会带解决办
法：增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值
- submit按钮上绑定提交事件:
即:<input type="submit" name="btn" value="btn" onclick="test()" />
都会带上submit的值, 用js提交都检测不到onsubmit状态
w3c： 提交一次
ie6: 分两次提交，先js在form提交
> 解决办法：如果按钮为submit则 检测时用onsubmit事件检测
如果按钮为button，则检测通过后在触发submit事件
一定不要用js提交表单，然后又用onsubmit去检测
单纯的用js提交表单, alert, ff下阻塞表单的提交