求用JavaScript写 判断密码和确认密码框的内容是否相同的代码
求判断两个密码框是否相同的JavaScript代码要求：1.第二个密码框填完，光标移开的时候就可以判断2.当密码不同时，显示的提示语句就在第二个密码输入框的下面如下面的图...
求判断两个密码框是否相同的JavaScript代码
要求：
1.第二个密码框填完，光标移开的时候就可以判断
2.当密码不同时，显示的提示语句就在第二个密码输入框的下面
如下面的图片
希望有注释 谢谢 展开
要求：
1.第二个密码框填完，光标移开的时候就可以判断
2.当密码不同时，显示的提示语句就在第二个密码输入框的下面
如下面的图片
希望有注释 谢谢 展开
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function checkpwd(){
var p1=document.form1.pwd1.value;//获取密码框的值
var p2=document.form1.pwd2.value;//获取重新输入的密码值
if(p1==""){
alert("请输入密码！");//检测到密码为空，提醒输入//
document.form1.pwd1.focus();//焦点放到密码框
return false;//退出检测函数
}//如果允许空密码，可取消这个条件
if(p1!=p2){//判断两次输入的值是否一致，不一致则显示错误信息
document.getElementById("msg").innerHTML="两次输入密码不一致，请重新输入";//在div显示错误信息
return false;
}else{
//密码一致，可以继续下一步操作
}
}
</script>
<body>
<form name="form1">
密 码：<input type="password" name="pwd1" /><br />
确认密码：<input type="password" name="pwd2" onchange="checkpwd()" /><!--onchange事件触发检测-->
<div id="msg" style="color:red;"></div>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function checkpwd(){
var p1=document.form1.pwd1.value;//获取密码框的值
var p2=document.form1.pwd2.value;//获取重新输入的密码值
if(p1==""){
alert("请输入密码！");//检测到密码为空，提醒输入//
document.form1.pwd1.focus();//焦点放到密码框
return false;//退出检测函数
}//如果允许空密码，可取消这个条件
if(p1!=p2){//判断两次输入的值是否一致，不一致则显示错误信息
document.getElementById("msg").innerHTML="两次输入密码不一致，请重新输入";//在div显示错误信息
return false;
}else{
//密码一致，可以继续下一步操作
}
}
</script>
<body>
<form name="form1">
密 码：<input type="password" name="pwd1" /><br />
确认密码：<input type="password" name="pwd2" onchange="checkpwd()" /><!--onchange事件触发检测-->
<div id="msg" style="color:red;"></div>
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不懂的地方你可以问我
=============================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>检查密码框</title>
<script language="javascript" type="text/javascript">
<!--
function checkForm(){
var pwd = document.getElementById("pwd");
var pwd2 = document.getElementById("pwd2");
checkInput(pwd,"密码");
checkInput(pwd2,"重复密码");
return false;
}
function checkInput(obj,title){
var msgDiv = document.getElementById(obj.id+"msg");
var msg = title+"不能为空";
if(obj.value==null||obj.value==""){
if(msgDiv){
msgDiv.innerHTML = msg;
msgDiv.style.display ="";
}else{
showMsg(obj,msg);
}
}else{
if(msgDiv){
msgDiv.style.display ="none";
}
if(obj.id=="pwd2"){
checkPwdSame(obj);
}
}
}
function checkPwdSame(obj){
var msgDiv = document.getElementById(obj.id+"msg");
var pwd = document.getElementById("pwd");
var msg = "密码和重复密码不一样，请重新输入";
if(obj.value!=pwd.value){
if(msgDiv){
msgDiv.innerHTML = msg;
msgDiv.style.display ="";
}else{
showMsg(obj,msg);
}
}else{
msgDiv.style.display ="none";
}
}
function showMsg(obj,msg){
var oDiv=document.createElement("DIV");
oDiv.id = obj.id+"msg";
oDiv.innerHTML = msg;
obj.parentElement.appendChild(oDiv)
}
-->
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="return checkForm()">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100">密 码：</td>
<td><input name="pwd" type="password" id="pwd" onblur="checkInput(this,'密码')"/></td>
</tr>
<tr>
<td width="100">重复密码</td>
<td><input name="pwd2" type="text" id="pwd2" onblur="checkInput(this,'重复密码')" /></td>
</tr>
<tr>
<td width="100"> </td>
<td><label>
<input type="submit" name="Submit" value="提交" />
</label></td>
</tr>
</table>
</form>
</body>
</html>
=============================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>检查密码框</title>
<script language="javascript" type="text/javascript">
<!--
function checkForm(){
var pwd = document.getElementById("pwd");
var pwd2 = document.getElementById("pwd2");
checkInput(pwd,"密码");
checkInput(pwd2,"重复密码");
return false;
}
function checkInput(obj,title){
var msgDiv = document.getElementById(obj.id+"msg");
var msg = title+"不能为空";
if(obj.value==null||obj.value==""){
if(msgDiv){
msgDiv.innerHTML = msg;
msgDiv.style.display ="";
}else{
showMsg(obj,msg);
}
}else{
if(msgDiv){
msgDiv.style.display ="none";
}
if(obj.id=="pwd2"){
checkPwdSame(obj);
}
}
}
function checkPwdSame(obj){
var msgDiv = document.getElementById(obj.id+"msg");
var pwd = document.getElementById("pwd");
var msg = "密码和重复密码不一样，请重新输入";
if(obj.value!=pwd.value){
if(msgDiv){
msgDiv.innerHTML = msg;
msgDiv.style.display ="";
}else{
showMsg(obj,msg);
}
}else{
msgDiv.style.display ="none";
}
}
function showMsg(obj,msg){
var oDiv=document.createElement("DIV");
oDiv.id = obj.id+"msg";
oDiv.innerHTML = msg;
obj.parentElement.appendChild(oDiv)
}
-->
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="return checkForm()">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100">密 码：</td>
<td><input name="pwd" type="password" id="pwd" onblur="checkInput(this,'密码')"/></td>
</tr>
<tr>
<td width="100">重复密码</td>
<td><input name="pwd2" type="text" id="pwd2" onblur="checkInput(this,'重复密码')" /></td>
</tr>
<tr>
<td width="100"> </td>
<td><label>
<input type="submit" name="Submit" value="提交" />
</label></td>
</tr>
</table>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form>
密码1：<input type="password" id="pwd" /><br />
密码2：<input type="password" onchange="checkpwd(this);" />
<div id="tishi" style="color:red;visibility:hidden;">两次密码不一致!</div>
</form>
<script type="text/javascript">
function checkpwd(inp)
{
var pwd1=document.getElementById("pwd");
var div1=document.getElementById("tishi");
if(inp.value!=pwd1.value)
{
div1.style.visibility="visible";
inp.focus();
}
else
div1.style.visibility="hidden";
}
</script>
密码1：<input type="password" id="pwd" /><br />
密码2：<input type="password" onchange="checkpwd(this);" />
<div id="tishi" style="color:red;visibility:hidden;">两次密码不一致!</div>
</form>
<script type="text/javascript">
function checkpwd(inp)
{
var pwd1=document.getElementById("pwd");
var div1=document.getElementById("tishi");
if(inp.value!=pwd1.value)
{
div1.style.visibility="visible";
inp.focus();
}
else
div1.style.visibility="hidden";
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
