js提交表单二三例

大多数情况下，用户单击按钮直接提交表单，但有时也要用js提交表单，如按回车键要求提交表单、自动提交表单等。用 javascript 提交表单也十分简单，一句代码搞定。为了便于大家应用，文章不但介绍用 js提交表单，还介绍按回车键和自动提交表单。

一、js提交表单

1、表单如下：

<form id="form1" action="addProduct.aspx" method="post">
    <dl id="product">
      <dt>产品名称：</dt>
      <dd><input id="nameId" type="text" maxlength="100" /></dd>
      <dt>型号：</dt>
      <dd><input id="sn" type="text" maxlength="30" /></dd>
      <dt>价格：</dt>
      <dd><input id="price" type="text" maxlength="20" /></dd>
      <dt>数量：</dt>
      <dd><input id="count" type="text" maxlength="20" /></dd>
      <dt>描述：</dt>
      <dd><textarea id="detail" rows=="10" cols=="60"></textarea></dd>
      <dt></dt>
      <dd><span onclick="submitTable()">提交</span></dd>
    </dl>
  </form>

2、用js提交表单

function submitTable() {
    var f = document.getElementById("form1"); //form1为表单的ID
    f.submit();
    //document.form1.submit();
  }

二、回车提交表单

主要通过 Window 事件捕捉用户是否按了回车键，如果事件的 keyCode 等于13，说明按回车键，则提交表单，代码如下：

<script language="JavaScript" type="text/javascript">
    document.onkeydown = function (e) {
    var e = window.event ? window.event : e;
    if (e.keyCode == 13) {
      document.forms["form1"].submit();
    }
  }
</script>

三、js自动提交表单

js 中的自动操作，一般都用 setTimeout() 和 setInterval() 方法实现，以下就是用 setTimeout() 实现提交表单的代码：

setTimeout("document.forms[\"form1\"].submit()", 5000);

或者调用一个函数：

setTimeout("submitTable()", 5000);