1. 程式人生 > >【轉】document.form.action,表單分向提交

【轉】document.form.action,表單分向提交

用戶 方法 一個表 form 屬性 method cli submit 關於

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"也就是表單的名字。

表單的分向提交不僅僅使用在論壇的程序中,它還可以運用在許多場合下。恰當的運用表單的分向提交功能可以大大的增強網站的人性化程度。

【轉】document.form.action,表單分向提交