您的位置：首页 > Web前端 > JavaScript

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

2011-11-17 11:21 483 查看

<!--判断用户输入的两次密码是否相等-->
<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"> <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"> <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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航