使用Jquery：一次显示一个字段的错误消息

我有一个重置密码页面，它有两个字段。我为这两个字段添加了必需的验证规则。它可以工作，但当我仍在输入新密码字段时，确认密码字段所需的错误消息将显示出来。如何仅在我键入后显示确认密码字段的错误消息

 $(document).ready(function() {
            $("#resetPassword").validate({

            rules : {
            newPassword: {
                  required: true},
            confirmPassword: {
                  required: true,
                  matchNewPassword: true},
            messages : {
                confirm_password : "<fmt:message key='reset.password.warning.confirm'/>"},

                }});

    $("#resetPassword input").on('keyup blur', function () { 
    if ($("#resetPassword").valid()) {                   
        $("#submit").prop('disabled', false);        
    } else {
        $("#submit").prop('disabled', true);  
    }
});
        });

         jQuery.validator.addMethod("matchNewPassword", function(value, element) {
            var password = $("#new_password").val();
            var confirm_password = $("#confirm_password").val();

            if(confirm_password != password ) {
                return false;
            } else {
                return true;
            }
        }, "<fmt:message key='reset.password.warning.confirm'/>");

$（文档）.ready（函数（）{
$（“#重置密码”）。验证({
规则：{
新密码：{
必需：true}，
确认密码：{
要求：正确，
matchNewPassword:true}，
信息：{
确认密码：“}”，
}});
$（“#重置密码输入”）.on（'keyup blur'，function（）{
如果（$（“#重置密码”）.valid（）{
$（“#提交”）.prop（'disabled'，false）；
}否则{
$（“#提交”）.prop（'disabled'，true）；
}
});
});
jQuery.validator.addMethod（“matchNewPassword”），函数（值，元素）{
var password=$（“#新#u密码”）.val（）；
var confirm_password=$（“#confirm_password”）.val（）；
如果（确认密码！=密码）{
返回false；
}否则{
返回true；
}
}, "");

使用

'change'

事件，而不是

'keyup blur'

：

$("#resetPassword input").on('change', function () { ... };

---

使用以下命令编辑事件侦听器：

$（“#resetPassword input”）。在（'change'，function（）{//your code go here}

很高兴它能帮上忙。顺便说一句，如果你需要监视输入更改，请不要使用

键控模糊

等，而是使用

输入

事件。如果你右键单击并在其中粘贴一些文本，它也会触发。你可以测试它。明白了！非常感谢你的帮助！我已经在最后一个答案中修复了它。谢谢！@SophiaWu至少在你觉得有用的时候投它一票。我投了赞成票，但它似乎没有出现在页面上。