document.form.action,表單分向提交,javascript提交表單

document.form.action,表單分向提交,javascript提交表單
同一個表單可以根據用戶的選擇,提交給不同的後臺處理程序。即,表單的分向提交。如,在編寫論壇程序時,如果我們希望實現用戶在發送貼子的時候,既發送提交功能又有預覽功能時,就會遇到上述問題。即,當用戶點擊提交按鈕時,我們希望表單提交給"提交"處理程序;而當用戶點擊預覽按鈕時,我們希望表單提交給"預覽"處理程序。那麼,如何實現上述功能呢?下面代碼可以很好的解決這個問題。
<form name="form" method="post">
測試表單:<input name="test"><br>
<input type="button" value="提交" onClick=send()>
<input type="button" value="預覽" onClick=preview()>
</form>
<script language=javascript>
function send()
{
document.form.action="send.asp"
document.form.submit()
}
function preview()
{
document.form.action="preview.asp"
document.form.submit()
}
</script>

關於上面實例的兩點說明:
1、在整個表單中,不應有名字爲action或submit的標籤,否則將會產生"對象不支持此屬性和方法"的錯誤。如代碼 "<input type='xxxx' name='action' >"在表單中是不允許出現的;
2、在form標籤中應該存在name屬性。即,應該給表單取一個名字。語句document.form.action和document.form.submit中的"form"也就是表單的名字。
表單的分向提交不僅僅使用在論壇的程序中,它還可以運用在許多場合下。恰當的運用表單的分向提交功能可以大大的增強網站的人性化程度。

昨天,我調試程序就出現了這樣的問題,就是出現了"對象不支持此屬性和方法"的錯誤,一直無法定位出來,都快瘋掉了,後來在發現一個button命名爲submit了。

1.--------

<form name="formname" action="">
<input name="inputname">
<input type="submit" οnclick="document.formname.action='a.asp'" value="button a">
<input type="submit" οnclick="document.formname.action='b.asp'" value="button b">
<input type="submit" οnclick="document.formname.action='c.asp'" value="button c">
</form>
2.----------
<input type=button name="a" value="a" οnclick="this.form.action='a.asp';this.form.submit();">
<input type=button name="b" value="b" οnclick="this.form.action='b.asp';this.form.submit();">
<input type=button name="c" value="c" οnclick="this.form.action='c.asp';this.form.submit();">
<input type=button name="d" value="d" οnclick="this.form.action='d.asp';this.form.submit();">
原鏈接地址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章