使用javascript和jquery进行密码验证

Password verification using javascript and jquery

本文关键字：密码 验证 jquery javascript 使用      更新时间：2024-06-06

我正在进行密码验证。我输入了密码，然后重新输入了密码。但每次按键时，它都会给我一个我不想要的勾号，而且，即使我输入了错误的密码，它也不会进入其他部分，这会导致删除图像。有人能帮我吗。我是新来的。

function checkPasswordMatch() {
var password = $("#password").val();
var confirmPassword = $("#verifyPassword").val();
if (password != confirmPassword)
{
    $("#marker").prepend('<img src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Apply.png" />');
}
else
{
    $("#marker").prepend('<img src="https://cdn3.iconfinder.com/data/icons/musthave/16/Delete.png" />');
}

}

$(document).ready(function () {
$("#verifyPassword").keyup(checkPasswordMatch);
});

您的方法有两个问题。

首先，为了防止函数在每次按键时运行，请使用change事件而不是keyup。

其次，我认为您颠倒了if中的语句，使用==而不是!=

function checkPasswordMatch() {
  var password = $("#password").val();
  var confirmPassword = $("#verifyPassword").val();
  if (password == confirmPassword){
    $("#marker").html('<img src="https://cdn3.iconfinder.com/data/icons/freeapplication/png/24x24/Apply.png" />');
  }else{
    $("#marker").html('<img src="https://cdn3.iconfinder.com/data/icons/musthave/16/Delete.png" />');
  }
}
$(document).ready(function () {
  $(document).on('keyup','#verifyPassword', checkPasswordMatch );
});

edit：更改回keyup事件以匹配请求

为了防止每次键入某些内容时都发生这种情况，您应该更改事件。我建议您在密码字段中使用change事件。参见：

$(document).ready(function () {
    $(document).on('change','#password, #verifyPassword', checkPasswordMatch );
});
相关文章：