jquery sprawdzania poprawności z wieloma regułami

Question

Jak sprawdzić poprawność pola adresu e-mail za pomocą trzech reguł z trzema niestandardowymi wiadomościami w kontenerze div. tj.

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

jeśli najpierw jeden fałszywy komunikat powinien być „reguły poprawności nie powiodło się”

jeśli druga fałszywa (nie) „wpisz adres e-mail”

jeśli trzecia (zdalne) nie powiodła się. wiadomość powinna brzmieć "Konto już istnieje w bazie danych".

Mogę dodać jedną wiadomość dla wszystkich reguł, ale chcę dostosować wiadomość zgodnie z zasadami.

Answer 1

Spróbuj tego:

$("#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); 
    } 
}); 

Nadzieja to pomaga!

Answer 2

Możesz użyć niestandardowych reguł sprawdzania poprawności wraz z własnymi niestandardowymi komunikatami dla każdej reguły.

Dla uproszczenia, oto przykład jak potwierdzić wejście „username” z trzech metod niestandardowych walidacji (każda ze swoim własnym komunikat o błędzie):

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