JAVASCRIPT:-->用脚本实现表单的分向提交
2008-03-03 21:36
309 查看
我们知道,一般每个表单都有一个后台处理程序(如,CGI程序;ASP程序等等)与之对应,用来处理表单提交的数据。
但是,在某些情况下,我们希望同一个表单可以根据用户的选择,提交给不同的后台处理程序。即,表单的分向提交。如,在编写论坛程序时,如果我们希望实现用户在发送贴子的时候,既发送提交功能又有预览功能时,就会遇到上述问题。即,当用户点击提交按钮时,我们希望表单提交给"提交"处理程序;而当用户点击预览按钮时,我们希望表单提交给"预览"处理程序。那么,如何实现上述功能呢?下面代码可以很好的解决这个问题。
<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了。
但是,在某些情况下,我们希望同一个表单可以根据用户的选择,提交给不同的后台处理程序。即,表单的分向提交。如,在编写论坛程序时,如果我们希望实现用户在发送贴子的时候,既发送提交功能又有预览功能时,就会遇到上述问题。即,当用户点击提交按钮时,我们希望表单提交给"提交"处理程序;而当用户点击预览按钮时,我们希望表单提交给"预览"处理程序。那么,如何实现上述功能呢?下面代码可以很好的解决这个问题。
<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了。
相关文章推荐
- JAVASCRIPT:-->用脚本实现表单的分向提交
- <Java Web学习初级阶段>JavaScript实现注册页面的表单验证
- JavaScript实现"CTRL+回车"提交表单
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- JavaScript实现回车键切换输入框焦点<转>
- 纯javascipt实现表单<input>数据加减 checbox里面存 数量和价格 ID等信息信息
- 用Javascript与WScript实现PPT->HTM在线转换,压缩并上传
- struts2 防止表单重复提交主要用的到标签是<s: token />
- MagicAjax执行javascript,实现回车事件提交表单
- javascript脚本放在HTML中的<head>和<body>的区别:
- 在幼儿园管理系统中,会议管理>申请会议模块:添加会议记录(提交表单)的时候报:404错误!
- JavaScript escape/unescape编码的实现->>网页教学网Webjx.Com 提供最新最快的网页技术
- 用<a>提交表单
- javascript实现回车键提交表单方法总结
- 在<a></a>标签中如何调用javaScript脚本
- 软件工程课程设计问题总结——医院门诊系统(二):jsp中验证码的实现&设置验证失败不提交表单
- Javascript实现ajax提交form表单到xml文件(Javaweb)
- javascript中对<form>表单的submit验证以及action提交,及它们的区别。
- 提交表单时,固定jsp页面<select>标签下option的值不刷新
- <Java Web学习初级阶段>JavaScript实现简单网页计算器