Birden çok kurallı jquery doğrulaması

Question

Bir e-posta adresi alanını, üç farklı iletiyle div kutusundaki üç özelleştirilmiş iletiyle doğrulayın. ie. İkinci bir yanlış (başarısız) "e-posta adresini girin"

eğer

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

birincisi yanlış mesaj gerekiyorsa "geçerlilik kuralı başarısız oldu"

üçüncü (uzaktan) eğer başarısız oldu. ileti "Hesap veritabanında zaten var" olmalıdır.

Tüm kurallar için bir mesaj ekleyebilirim ancak mesajı kurallara göre özelleştirmek istiyorum.

Answer 1

bu deneyin:

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

Umut bu yardımcı olur!

Answer 2

Her bir kural için kendi özel iletilerinizle birlikte özel doğrulama kurallarını kullanabilirsiniz. Bu çalışmıyorsa

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