1. 程式人生 > >JS 提交表單

JS 提交表單

1.document.forms.from.submit();
document.form.sumbit();
document.form.submit.click();
this.form.submit();
以上幾種形式的js表單提交在firefox瀏覽器下是不起作用的
2.必須遵循w3c標準:
1).獲得form時應使用getElementById()方法
2).用.submit()方法提交表單
3).button的name/id絕對不能命名為”submit”
4).form中所有的元件(按鈕,文字框等)的name/id也不能命名為”submit”

# 當提交按鈕的name 或者 id為submit時候,用js 提交表單,表單名.submit()時候會報一個錯誤,提示物件不支援此屬性或辦法。
解決方法是修改提交按鈕的 name 或者 id 不要與 submit或者action同名即可。

例項:

<form id="add_doc" name='test'  method="post">
文章新增<br>
文章編號:<input type="text" id="document_id"
                                name="document_id" value="yinggen" /><br>
文章名稱:<input type="text" id="document_name"
                                name="document_name" /><br>
文章內容:<textarea name="document_content" 
                                    rows="10" cols="30">初始內容</textarea ><br>
    <input type="button" id="add" onclick="
            document.getElementById('add_doc').action='__URL__/add';
           document.getElementById('add_doc').submit();"
                  name="add" value="提交" />
    <input type="reset" id="reset" name="reset" value="重置" />
</form>