有时我们需把一个页面的表单提交到不同的页面,处理方法一般采用在onClick事件中动态给出action的值,如下例:
<FORM ACTION="" METHOD="post" NAME="PostTopic">
<INPUT TYPE="submit" NAME=Submit VALUE="新增" class=buttonface onclick="document.PostTopic.action='addone.php';">
<INPUT TYPE="RESET" NAME=Reset VALUE="重置" class=buttonface >
<INPUT TYPE="submit" NAME="Submit" VALUE="修改" class=buttonface onclick="document.PostTopic.action='modify.php';">
</FORM>
此时针对不同提交目标对表单作的校验,只能放在onClick事件中,但这样造成无论是否通过验证都会提交表单的问题。因为这个按钮是submit类型。
对此问题,我的解决方法是这样的:
<script language="JavaScript">
<!--
document.returnValue=true; //一个全局变量,给初值。
function validateForm() {
var errors;
errors='';
if (document.PostTopic.title.value=="")
errors="标题不能为空";
if( document.PostTopic.intro.value.length>10)
errors+="\n简介不能多于10个字";
if (errors!='') alert(errors);
document.returnValue = (errors == ''");
}
file://-->
</script>
<FORM ACTION="" METHOD="post" NAME="PostTopic" onSubmit="return document.returnValue;">
<input type=text name=title value="">
<input type=text name=intro value="">
<INPUT TYPE="submit" NAME=Submit VALUE="新增" class=buttonface onclick="document.PostTopic.action='addone.php';validateForm(); return document.returnValue;">
<INPUT TYPE="RESET" NAME=Reset VALUE="重置" class=buttonface >
<INPUT TYPE="submit" NAME="Submit" VALUE="修改" class=buttonface onclick="document.PostTopic.action='modify.php';validateForm(); return document.returnValue;">
</FORM>
分享到:
相关推荐
本文实例为大家分享了ajax提交时校验表单的方法,供大家参考,具体内容如下 方法一: 代码示例: 巧妙设计之处:ajax提交的话,不能够进行校验拦截,设置一个flag来判断,很巧妙的设计之处,故收藏! function ...
好友使用vue技术封装了一个专门用于提交表单和下载文件的“防抖按钮”,其实现原理和使用方法看这里 https://blog.csdn.net/PursueExcellence/article/details/103903139。
原生JS经典小项目-form表单校验
ext_表单提交_数据校验 ext_表单提交_数据校验
js提交表单及js表单验证 js提交表单及js表单验证 js提交表单及js表单验证
如下所示: form表单ID:postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持软件开发网~
C# post方式提交Form表单。 C# post方式提交Form表单,可以支持带参数传入,供大家学习参考。 C# post提交表单。
完整的jq ajax提交表单,奖解压后jq文档加入页面中,调用就可惟了。 表单结构 <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name="name" /> Comment: <...
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
js验证表单大全,用JS控制表单提交 ,javascript提交表单
Js 表单提交验证函数,网上表单验证函数。已经比较全了。
提交表单生成html文件 提交表单生成html文件 提交表单生成html文件
表单 提交 验证 校验
javascript通过按钮提交表单的三种方式
利用jquery的ajax提交表单数据到后台。后台使用spring.
JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...
vue1/2 ajax提交表单
利用ajax提交表单完整流程
提交表单后提交禁用提交按钮,防止重复提交.
在form表单提交中,使用button来间接完成submit的提交更为灵活。下面是实现方法: 使用button按钮实现submit提交,需要在button标签中的使用onclick方法,然后在JavaScript中实现具体,代码如下: <head> ...