木子屋 Dnawo's BLOG

多个函数验证同一表单

👤 dnawo 📅 2007-09-20 👁 8899 👍 0 💬 0 🔄 本站原创
表单在提交前我们通常会用客户端JS对其内容进行验证,通常都是写一个函数然后在onsumbit事件中调用,如下:

HTML
<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
<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)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 打造不被Google弹出式窗口拦截器Kill的广告 下一篇 → 企业管理器连接远程MSSQL数据库