利用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-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-0" name="explain2" readonly/></td>
</tr>
</table>
</form>
</html>



原文地址:https://www.cnblogs.com/tzhangofseu/p/2252414.html