JS 提交form表单的二种方法

发布时间:2021-01-14编辑:脚本学堂
本文介绍了js提交表单的二种方法,用js提交form表单,有需要的朋友参考下。

一,javascript 页面加裁时自动提交表单
Form表单:
 

复制代码 代码示例:
<form method="post" id="myform" action="a.php">
<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报错。

二,超链接提交表单
Form表单:
 

复制代码 代码示例:

<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>

<a href="javascript:validate()">提交</a>

javascript 代码:
 

复制代码 代码示例:
<script type="text/javascript">
function validate(){
  document.getElementByIdx_x('myform').submit();
}
</script>