from表单的分向提交

一：需求:

思路：document.form.action,表单分向提交,javascript提交表单
同一个表单可以根据用户的选择，提交给不同的后台处理程序。即，表单的分向提交。如，在编写论坛程序时，如果我们希望实现用户在发送贴子的时候，既发送提交功能又有预览功能时，就会遇到上述问题。即，当用户点击提交按钮时，我们希望表单提交给"提交"处理程序；而当用户点击预览按钮时，我们希望表单提交给"预览"处理程序。那么，如何实现上述功能呢？下面代码可以很好的解决这个问题。

二：测试表单

1 <form name="form" method="post">
2 个人评论:<input name="test"><br>
3 <input type="button" value="提交" onClick=send()>
4 <input type="button" value="预览" onClick=preview()>
5 </form>

View Code

三：表单的分向提交的js代码

 1 <script language=javascript>
 2 function send()
 3   {
 4     document.form.action="send.asp"
 5     document.form.submit()
 6    }
 7 function preview()
 8    {
 9      document.form.action="preview.asp"
10      document.form.submit()
11    }
12 </script>

View Code

四：注意点

 关于上面实例的两点说明： 
        1、在整个表单中，不应有名字为action或submit的标签，否则将会产生"对象不支持此属性和方法"的错误。如代码 "<input type='xxxx' name='action' >"在表单中是不允许出现的； 
        2、在form标签中应该存在name属性。即，应该给表单取一个名字。语句document.form.action和document.form.submit中的"form"也就是表单的名字。
        表单的分向提交不仅仅使用在论坛的程序中，它还可以运用在许多场合下。恰当的运用表单的分向提交功能可以大大的增强网站的人性化程度。