关闭

多个函数验证同一表单

204人阅读 评论(0) 收藏 举报

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:448次
    • 积分:16
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档
    阅读排行