多个函数验证同一表单

表单在提交前我们通常会用客户端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>

原文：http://www.mzwu.com/article.asp?id=1078

时间： 2024-07-30 09:13:29

多个函数验证同一表单的相关文章

JavaScript验证整个表单

javascript 不像域级有效性检查(field-level validation),表单级有效性检查(form-level validation)将整个表单上的某组(或全部)值作为一个整体分析其一致性.表单级有效性检查一般发生在将一个已完成的HTML 表单提交给CGI 程序之前.我们这样做是为了确保用户在将数据发送至服务器之前,已经填写了所有的必填域. 验证整个表单其实相当简单.在我们的例子当中,我们已经去除了大部份会自动弹出即时警告信息的域级有效性检查.下面是一个例子: function

Javascript的表单验证-提交表单_javascript技巧

推荐阅读:Javascript的表单验证长度 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 坏数据不该抵达服务器:提交表单时的验证 表单域对象里有个form特性,它使用数组表示了整份表单的域 假如这里只有一个简单的信息文本框和一个邮政编码框,还有一个提交按钮 <form> <input id="message" name

表单提交前触发函数返回true表单才会提交

 这篇文章主要介绍了表单提交前触发函数当返回true表单才会提交的具体实现,需要的朋友可以参考下 直接看代码   代码如下: <form id="payForm" action="yeepaypay.html" target="_blank" method="post" onsubmit="return checkform();">    例子中的onsubmit函数即为表单提交前触发的函数 

表单提交前触发函数返回true表单才会提交_javascript技巧

直接看代码 复制代码 代码如下: <form id="payForm" action="yeepaypay.html" target="_blank" method="post" onsubmit="return checkform();"> 例子中的onsubmit函数即为表单提交前触发的函数 复制代码 代码如下: function checkform() { var value = $(&q

javascript-点击查询按钮验证form表单

问题描述 点击查询按钮验证form表单 所有的条件都在form表单中,请问我点击查询的时候,用js有没有办法就是除了单选按钮以外,怎样验证其它选项必须输入一个条件 解决方案 把所有组件的值都取出来,判断不能全为空就行 解决方案二: 表单添加onosubmit事件,示例代码如下. <form onsubmit="return check(this)"> xxx为你表单输入项的name值 function check(f){ if(f.xxx.value==''){alert(

AngularJS实现表单手动验证和表单自动验证_AngularJS

AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证.一.手动验证 所谓手动验证是通过AngularJS表单的属性来验证.而成为AngularJS表单必须满足两个条件: 1.给form元素加上novalidate="novalidate": 2.给form元素加上name="theForm",如下: <!DOCTYPE html> <html lang="en" ng-app="myApp1"

使用jQuery validate 验证注册表单实例演示_jquery

Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,功能也足够一般的需要了.rules也足够简单,很容易上手,举个简单的例子,用validation来验证注册表单. 首先确定验证的目标是: 1. 必填项不能为空 2. 注册用户名必须为6-12个字符内 3. 合格的email格式 4. 密码必须为6-18个字符 5. 确认密码必须跟密码一致 ok,目标很明确了.正片开始 复制代码 代码如下: <script type="text/javascript"

typeof-js验证注册表单信息，怎么写，求大神给段代码。

问题描述 js验证注册表单信息,怎么写,求大神给段代码. function checkIdNumber(){ var patientCard=$("#patientCard").val(); if(typeof(patientCard)=='undefined'||patientCard==""){ msg("该项为必填项!"); return false; } var idNumber=/^(^[1-9]d{7}((0d)|(1[0-2]))(

用JavaScrip正则表达式验证form表单的方法

document:标签之间 location:url history:前进后退 <html> <head> <script type="text/javascript"> function show() { //弹出一个提示框 window.alert("hh"); } //将show方法绑定到按钮上 window.onload=function() { //定位到按钮 var buttonElement=document.for