HTML5表单设置,怎么设置用户名和密码不能相同

HTML5表单设置,怎么设置用户名和密码不能相同,第1张

您好,您可以先获取到用户输入的值,然后用==来判断输入的用户名和密码是否相同,如果不同,再判断密码和重复密码的长度,value.length>=6

&&

value.length<=20时,才执行后续 *** 作

你的问题不是很清楚!你的也页面已经有重复密码这一栏啊!“还有不能重复注册页修改下

”这句话怎么理解?是不是想说怎么验证密码和重复密码相同啊?如果是代码很简单,这个验证只需要在客户端验证就好了,代码如下:

function checkPass(){

    var pass = $('input[name="password"]').val()

    var rpass = $("#password").val()

    if(pass == rpass){

        alert("密码一致")

    }else{

        alert("密码不一致,重新输入")

    }

}

希望对你有所帮助,如有不理解的,欢迎追问!

<!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/htmlcharset=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>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7054073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存