Question

我有一个重置密码页面，它有2个字段。我为这两个字段添加了必需的验证规则。它工作正常，但当我仍然在新密码字段中输入时，将显示确认密码字段所需的错误消息。如何在输入？

后显示确认密码字段的错误消息

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

Answer 1

而不是'keyup blur'使用'change'事件：

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

Answer 2

使用以下内容编辑您的事件监听器：{{1}}

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

2 个答案: