多个函数验证同一表单

原创 2007年09月20日 15:44:00

表单在提交前我们通常会用客户端JS对其内容进行验证,通常都是写一个函数然后在onsumbit事件中调用,如下:

<html>
<head>
<script language="javascript">...
function check()
...{
    
if(form1.aaa.value == "")...{return false;}
    
if(form1.bbb.value == "")...{return false;}
    
return true;
}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="default.asp" onsubmit="return check();">
  
<p>
    
<input name="aaa" type="text" id="aaa" />
  
</p>
  
<p>
    
<input name="bbb" type="text" id="bbb" />
</p>
  
<p>
    
<input type="submit" name="Submit" value="提交" />
  
</p>
</form>
</body>
</html>

那如果是用多个函数对表单进行验证,应当怎么写函数,怎么调用呢?其实也很简单,如下例子:

<html>
<head>
<script language="javascript">...
function check1()
...{
    
if(form1.aaa.value == "")
    
...{
        
return false;
    }
else...{
        
return true;
    }

}

function check2()
...{
    
if(form1.bbb.value == "")
    
...{
        
return false;
    }
else...{
        
return true;
    }

}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="default.asp" onSubmit="return (check1() && check2());">
  
<p>
    
<input name="aaa" type="text" id="aaa" />
  
</p>
  
<p>
    
<input name="bbb" type="text" id="bbb" />
</p>
  
<p>
    
<input type="submit" name="Submit" value="提交" />
  
</p>
</form>
</body>
</html>

Jquery Validation 多按钮,多表单,分组验证

$().ready(function () {             //form1             $("#form1").validate({           ...
  • xujunheng
  • xujunheng
  • 2014年09月05日 12:50
  • 1430

JS通用表单验证函数

Check.js   JS函数文件 //////////////////////////////////////////////////////////////////////////////// ...
  • yw987
  • yw987
  • 2017年06月18日 17:14
  • 484

表单校验经典案例

表单校验 休闲网登录页面 *{padding:0; margin:0;} body{ font-size:12px; color:#00...
  • qq_36074042
  • qq_36074042
  • 2017年05月03日 16:40
  • 188

Jquery validate验证表单时多个name相同的元素只验证第一个的问题

下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码: 修复jquery.validate插件中name属性相同(如name=’a[]‘)时验证的bug 使用jquer...
  • molashaonian
  • molashaonian
  • 2016年12月24日 15:58
  • 3919

layui在form表单页面通过Validform加入简单验证

form简单验证 datatype="e"验证邮箱 ignore="ignore"忽略,如果填写就验证没有填入邮箱就不验证 详情参考Validform...
  • qq_34495753
  • qq_34495753
  • 2017年11月29日 10:45
  • 177

BootstrapValidator验证表单注意事项!

这是jQuery的一个插件,自己用来作为表单的验证,这里做一个笔记。1、首先要引入css和js文件,自己可以下载最新版本的,注意这个文件需要jquery和bootstrap的支持,所以要先把这两个文件...
  • u014525494
  • u014525494
  • 2017年02月10日 16:37
  • 1073

jQuery基础之表单验证

学习jquery-validate.js时的一些的记录
  • sgls652709
  • sgls652709
  • 2016年12月10日 01:23
  • 1977

Struts2 同一表单多个提交

1.Action实现类自定方法部分代码 //处理save submit按钮的动作 public String save()throws Exception{ request.setAt...
  • anyeyingxiong
  • anyeyingxiong
  • 2014年03月23日 09:56
  • 286

js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证,以及三种结合

js日期比较(yyyy-mm-dd) function duibi(a, b) { var arr = a.split("-"); var starttime = new Date(arr[...
  • qq459805661
  • qq459805661
  • 2016年05月10日 14:34
  • 2435

EasyUI表单验证(扩展)

表单验证是Web开发中所比不可少的一个基本功能,得益于EasyUI用最少的代码做最多的事的原则,表单验证也变得相当简单,那么在EasyUI中我们所使用的就是Validatebox验证框,通过查阅相关文...
  • why15732625998
  • why15732625998
  • 2016年08月12日 15:56
  • 1250
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:多个函数验证同一表单
举报原因:
原因补充:

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