Проверка jquery с несколькими правилами

Как проверить поле адреса электронной почты с тремя правилами с тремя настраиваемыми сообщениями в контейнере div. то есть.

rules: {
    email: {
        validationRule: true,
        email: true,
        remote: '/ajax/emailDuplicationCheck.php'
       }
     }

если первое ложное сообщение должно быть "не выполнено правило проверки"

если вторая ложная (сбой) "введите адрес электронной почты"

если третья (удаленная) ошибка. сообщение должно быть "Учетная запись уже существует в базе данных".

Я могу добавить одно сообщение для всех правил, но я хочу настроить сообщение в отношении правил.

Ответ 1

Попробуйте следующее:

$("#myForm").validate({ // Replace #myForm with the ID of your form
    rules: {
        email: {
            required: true,
            email: true,
            remote: {
                url: "/ajax/emailDuplicationCheck.php",
                type: "post",
                data: { email: function() {
                    return $("#email").val(); // Add #email ID to your email field
                }
            }
        }
    },
    messages: {
        email: {
            required: 'Email address is required',
            email: 'Please enter a valid email address',
            remote: 'This email address has already been used'
        }
    },
    errorPlacement: function(error) {
        $("#response").html(error);
    }
});

Надеюсь, это поможет!

Ответ 2

Вы можете использовать пользовательские правила проверки вместе со своими собственными сообщениями для каждого правила.

Для простоты здесь приведен пример того, как проверять вход "имя пользователя" с тремя настраиваемыми методами для проверки (каждый со своим "собственным сообщением об ошибке" ):

// Add three custom methods first:

$.validator.addMethod("nameCustom", function(value, element) {
    return this.optional(element) || /^[a-zA-Z ]+/.test(value);
}, 'Please use english letters only.');

$.validator.addMethod("noSpaceStart", function(value, element) { 
    return value.indexOf(" ") != 0; 
}, "Name cannot start with a space");

$.validator.addMethod("noSpaceEnd", function(value, element) { 
    return value.lastIndexOf(" ") != value.length - 1; 
}, "Name cannot end with a space");

$('#form_to_validate').validate({
    rules: {
        username: {
            // Add the custom validation methods to the username input
            noSpaceStart: true,
            noSpaceEnd: true,
            nameCustom: true,
            // required and maxlength are built-in methods in the plugin and are ready to be used
            required: true,
            maxlength: 50
        }
    }
});