JS 提交form表单和submit提交的区别

JS 提交form表单;JS 提交form表单;JS 提交form表单；JS 提交form表单；JS 提交form表单；JS 提交form表单；JS 提交form表单;JS 提交form表单；JS 提交form表单；JS 提交form表单

源码实例 1. javascript 页面加裁时自动提交表单

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. 超链接提交表单

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提交的区别

无标题文档

<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按钮上绑定提交事件: 即: 都会带上submit的值, 用js提交都检测不到onsubmit状态 w3c： 提交一次 ie6: 分两次提交，先js在form提交 > 解决办法：如果按钮为submit则 检测时用onsubmit事件检测 如果按钮为button，则检测通过后在触发submit事件 一定不要用js提交表单，然后又用onsubmit去检测 单纯的用js提交表单, alert, ff下阻塞表单的提交

喜欢的可以查看我笔记里的原版内容