使用javascript和jquery进行密码验证

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

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" />');
}

---

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

change

事件。见：

$(document).ready(function () {
    $(document).on('change','#password, #verifyPassword', 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 );
});

函数checkPasswordMatch（）{
var password=$（“#password”）.val（）；
var confirmPassword=$（“#verifyPassword”）.val（）；
如果（密码==确认密码）{
$（“#标记”）.html（“”）；
}否则{
$（“#标记”）.html（“”）；
}
}
$（文档）.ready（函数（）{
$（document）.on（'keyup'，'#verifyPassword'，checkPasswordMatch）；
});


编辑：更改回
keyup
事件以匹配请求
当我单击验证密码文本框时，它会给我一个勾号，并且不会给我删除图像，我在输入错误时在其他部分给出的图像password@Luca....thank你..那奏效了。。只有一个问题。我可以在输入密码时显示勾号或删除吗。现在，它所做的是，当我输入完密码并单击其他位置时，它会给出图像。如果您希望在每次按键时都显示图像，请在JQuery事件绑定中使用
keyup
，而不是
change
。你不想每次按键都看到图像。
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 );
});