验证表单的标准JavaScript

来源:互联网 发布:淘宝 买折扇推荐 编辑:程序博客网 时间:2024/05/17 00:13
 

验证表单的标准JavaScript

原文地址

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    
<head>
        
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
        
<title>Untitled Document</title>
        
<script type="text/javascript">
            
function validate(m,n)
            
{
                
var flag = true;
                
if(m.value == "" && n == 0)
                
{
                    document.getElementById(
"username_info").innerHTML = "用户名不为能空";
                    flag 
= false;
                }

                
else
                
{
                    document.getElementById(
"username_info").innerHTML = "";
                }

                
if(m.value.length < 6 && n == 0)
                
{
                    document.getElementById(
"username_info").innerHTML = "用户名长度不能小于6";
                    flag 
= false;
                }

                
else
                
{
                    document.getElementById(
"username_info").innerHTML = "";
                }

                
if(m.value == "" && n == 1)
                
{
                    document.getElementById(
"password_info").innerHTML = "密码不能为空";
                    flag 
= false;
                }

                
else
                
{
                    document.getElementById(
"password_info").innerHTML = "";
                }

                
if(m.value.length < 6 && n == 1)
                
{
                    document.getElementById(
"password_info").innerHTML = "密码长度不能小于6";
                    flag 
= false;
                }

                
else
                
{
                    document.getElementById(
"password_info").innerHTML = "";
                }

                
return flag;
                
            }

        
</script>
    
</head>
    
<body>
        
<div align="center">
            
<form>
                
<input type="text" id="username" onblur="validate(this,0);"/><div id="username_info"></div>
                
<br/>
                
<input type="password" id="password" onblur="validate(this,1);"/><div id="password_info"></div>
                
<br/>
                
<input type="submit" value="验证" /><input type="reset" value="重置"/>
                
<br/>
            
</form>
        
</div>
    
</body>
</html>