document.form.action,表单分向提交

Posted 顾北清歌寒。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了document.form.action,表单分向提交相关的知识,希望对你有一定的参考价值。

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,表单分向提交的主要内容,如果未能解决你的问题,请参考以下文章

html一个Form两个提交按钮分别实现不同提交页面的功能,点击按钮没反应的问题?

用JS实现一个表单多个按钮的方法,两个onclick事件处理

asp.net 修改密码的对话框

通过 SMTP 发送邮件?

[HTML]表单标签(form表单域input输入表单label标签select下拉表单textarea文本域)

HTMLHTML 表单 ⑤ ( form 表单域 )