html5两次密码匹配的验证码,javascript – 密码验证至少为6个字符

使用下面的代码。首先,pass1.length不正确。你应该写pass1.value.length。其次,我添加了比较最后的2个块,首先你应该检查第一个块的长度。此外,还应该在第一个块的更改时调用该函数。

祝你好运!

function checkPass()

{

var pass1 = document.getElementById('pass1');

var pass2 = document.getElementById('pass2');

var message = document.getElementById('error-nwl');

var goodColor = "#66cc66";

var badColor = "#ff6666";

if(pass1.value.length > 5)

{

pass1.style.backgroundColor = goodColor;

message.style.color = goodColor;

message.innerHTML = "character number ok!"

}

else

{

pass1.style.backgroundColor = badColor;

message.style.color = badColor;

message.innerHTML = " you have to enter at least 6 digit!"

return;

}

if(pass1.value == pass2.value)

{

pass2.style.backgroundColor = goodColor;

message.style.color = goodColor;

message.innerHTML = "ok!"

}

else

{

pass2.style.backgroundColor = badColor;

message.style.color = badColor;

message.innerHTML = " These passwords don't match"

}

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为你编写一个包含用户名、密码验证码的登录页面。但是,我暂时无法提供图形用户界面,因为我是一名语言模型,无法直接交互界面。以下是代码示例: HTML: ``` <!DOCTYPE html> <html> <head> <title>Login Page</title> </head> <body> <h1>Login Page</h1> <form action="login.php" method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br><br> <label for="captcha">Captcha:</label> <input type="text" id="captcha" name="captcha" required><br><br> <img src="captcha.php" alt="Captcha Image"><br> <button type="submit">Login</button> </form> </body> </html> ``` Vue & JavaScript: ``` <template> <div> <h1>Login Page</h1> <form @submit.prevent="login"> <label for="username">Username:</label> <input type="text" id="username" v-model="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" v-model="password" required><br><br> <label for="captcha">Captcha:</label> <input type="text" id="captcha" v-model="captcha" required><br><br> <img :src="captchaUrl" alt="Captcha Image"><br> <button type="submit">Login</button> </form> </div> </template> <script> export default { data() { return { username: '', password: '', captcha: '', captchaUrl: 'captcha.php' } }, methods: { login() { // 提交登录信息的方法 // 获取用户输入的用户名、密码验证码 const { username, password, captcha } = this // 向服务器发送登录请求,验证用户名、密码验证码是否正确 // 如果验证成功,跳转到用户首页 // 如果验证失败,显示提示信息 } } } </script> ``` 以上代码可以在对应的后端语言编写的程序中完成。其中 `captcha.php` 是生成验证码图片的 PHP 程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值