同一个表单可以根据用户的选择,提交给不同的后台处理程序。即,表单的分向提交。
如:在编写论坛程序时,如果我们希望实现用户在发送贴子的时候,既发送提交功能又有预览功能时,就会遇到上述问题。
即,当用户点击提交按钮时,我们希望表单提交给"提交"处理程序;而当用户点击预览按钮时,我们希望表单提交 给"预览"处理程序。那么,如何实现上述功能呢?下面代码可以很好的解决这个问题。
<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" onclick="document.formname.action='a.asp'" value="button a"> <input type="submit" onclick="document.formname.action='b.asp'" value="button b"> <input type="submit" onclick="document.formname.action='c.asp'" value="button c"> </form> 2.---------- <input type=button name="a" value="a" onclick="this.form.action='a.asp';this.form.submit();"> <input type=button name="b" value="b" onclick="this.form.action='b.asp';this.form.submit();"> <input type=button name="c" value="c" onclick="this.form.action='c.asp';this.form.submit();"> <input type=button name="d" value="d" onclick="this.form.action='d.asp';this.form.submit();">
相关推荐
表单提交验证类表单提交验证类表单提交验证类表单提交验证类
js提交表单及js表单验证 js提交表单及js表单验证 js提交表单及js表单验证
js验证表单大全,用JS控制表单提交 ,javascript提交表单
C# post方式提交Form表单。 C# post方式提交Form表单,可以支持带参数传入,供大家学习参考。 C# post提交表单。
提交表单后提交禁用提交按钮,防止重复提交.
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
分类留言系统(表单提交)源代码
常用的表单提交判断函数常用的表单提交判断函数常用的表单提交判断函数常用的表单提交判断函数常用的表单提交判断函数常用的表单提交判断函数常用的表单提交判断函数常用的表单提交判断函数
C# Winform和网页表单交互(提交和获取)。 高手参考用,新手学习用,Vs2008写的 C# 网页 提交 获取 表单
javascript方式防止表单重复提交,
提交表单生成html文件 提交表单生成html文件 提交表单生成html文件
asp.net mvc3 表单提交和异步提交;asp.net mvc3 表单提交和异步提交
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
易语言网页表单自动提交例程源码,网页表单自动提交例程,获取网页对象,获取表单列表,取网页信息,取表单信息,刷新IE列表,枚举IE窗口,取句柄,取标题,取窗口数量,参数列表,提交,ObjectFromLresult,RegisterWindowMessage...
客户端防表单重复提交和服务器端session防表单重复提交.
表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序表单提交数据库的程序
弹出层表单提交数据完美解决弹出层表单提交数据完美解决弹出层表单提交数据完美解决弹出层表单提交数据完美解决
如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~
asp表单提交源码