利用javascript判断前端密码输入是否一致

<!--判断用户输入的两次密码是否相等-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<meta http-equiv="x-ua-compatible" content="ie=7"/>
<title>标题：密码检查</title>
<meta name="description" content="描述：密码检查"/>
<meta name="keywords" content="关键字：密码"/>
</head>

<script type="text/javascript">  
    function Check() {          
        var passwd1=document.my_form.pwd1.value;  
        var passwd2=document.my_form.pwd2.value;
        
        if (passwd1 =="") {
            document.my_form.explain1.innerText="密码空，请输入";
            document.my_form.explain2.innerText="";
            return;
        }
        if (passwd1 != passwd2) {
            document.my_form.explain1.innerText="";
            document.my_form.explain2.innerText="密码不一致，请重输入";
            document.my_form.pwd1.innerText="";
            document.my_form.pwd2.innerText="";
        } else {
            document.my_form.explain1.innerText="";
            document.my_form.explain2.innerText="";
        }
   }  
</script>

<form name="my_form">  
    <table width="900" cellpadding="3">  
        <tr>  
            <td align="right" width="200">用户密码：</td>  
            <td width="200">&nbsp;<input type="password" name="pwd1"/></td>  
            <td width="500"><input width=500 type="text" style= "color: red; border-style: solid; border-width:0" name="explain1" readonly/></td>
        </tr>  
        <tr>  
            <td align="right"  width="200">确认密码：</td>  
            <td width="200">&nbsp;<input type="password" name="pwd2" onBlur="Check()"/></td>  
            <td width="500"><input width=500 type="text" style= "color: red; border-style: solid; border-width:0" name="explain2" readonly/></td>
        </tr>  
    </table>   
</form> 
</html>
posted on 2011-11-17 11:21 吃吃户阅读(8346) 评论(0) 编辑收藏举报