网络编程
位置：首页>> 网络编程>> JavaScript>> 多个函数验证同一表单方法

多个函数验证同一表单方法

作者：dnawo　来源：木子屋　发布时间：2007-10-06 22:55: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>

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com