多重提交表单的校验方法

原创 2001年06月22日 12:58:00

 

有时我们需把一个页面的表单提交到不同的页面,处理方法一般采用在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>

validatebox控件的多重校验

jquery-easyui的validate控件可用于控件校验。我们常使用它的required:true属性来说明这个控件是必填的。...
  • mafan121
  • mafan121
  • 2015年08月13日 18:02
  • 669

easyui-validatebox多重校验

easyui的validatebox提供了validType属性支持校验和多重校验。但是我们发现当检验方法需要传参数时,默认的多重校验就不支持了。 例如: validType="["validate...
  • mafan121
  • mafan121
  • 2016年11月17日 18:16
  • 795

注册时的表单提交与简单的前台校验

1.注册时的表单提交与简单的前台校验 1.1 onsubmit事件:控制表单提交 *控制表单提交。需要把onsubmit作用在表单上         * 值的写法:onsubmit="ret...
  • u010853261
  • u010853261
  • 2016年01月16日 20:04
  • 678

jquery.form.js异步提交表单提交验证(不用validate)

表单提交时的三种校验方式
  • niyehunwu
  • niyehunwu
  • 2015年02月05日 14:20
  • 1273

表单提交,submit js校验

前方低能,高手绕道 问题描述:表单提交,没有经过js验证,直接提交。 前几天写了一个js校验,后台大哥说有个小问题,必须得最后一个输入框光标离开才能点击提交,这样不好。 一开始我设置的是...
  • a562550212
  • a562550212
  • 2016年07月04日 12:42
  • 1300

多重网格方法(Multigrid method)

多重网格方法(Multigridmethod)   多重网格方法是解微分方程的方法。这个方法的好处是在利用迭代法收敛结果的时候速度特别快。并且,不管是否对称,是否线性都无所谓。它的值要思想是在粗糙结果...
  • wangxiaojun911
  • wangxiaojun911
  • 2011年12月13日 16:51
  • 10699

简单表单提交之前的校验和图片验证码

String contextPath = request.getContextPath(); %> /js/validateRequired.js" language="JavaScript"> ...
  • u013129606
  • u013129606
  • 2017年02月07日 21:45
  • 711

浅谈多重积分及其计算

多重积分的定义和简单计算
  • KatherineLOVER
  • KatherineLOVER
  • 2017年09月24日 11:06
  • 297

关于使用bootstrapValidator的自动提交表单问题

当我们在使用bootstrapValidator今天验证的时候,大多数情况都是直接使用validate这个这个方法,大多数情况是正常的,不会有任何问题,但是当我们在写代码的时候,居然有的时候回碰到自动...
  • jiangeeq
  • jiangeeq
  • 2016年05月28日 16:45
  • 3436

js校验表单 后提交表单的三种方法总结

1、 function check(form) { if(form.userId.value=='') { alert("请输...
  • A9925
  • A9925
  • 2015年07月30日 13:12
  • 666
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:多重提交表单的校验方法
举报原因:
原因补充:

(最多只允许输入30个字)