Jquery Doğrulama: Alanları nasıl kırmızı yapmak

Question

Bir formu doğrulamak için jquery ve jquery.validate.cs (jQuery Validation Plugin 1.8.0) kullanıyorum. Şu anda bir alanın yanında "Bu zorunlu bir alan" yazan bir mesaj görüntülenir.

Ayrıca her alanın kırmızı renk olmasını istiyorum. Bunu nasıl yaparım? Teşekkürler!

Answer 1

herhangi bir özel yapılandırma olmadan, sadece bunu yapabilirsiniz:

select.error, textarea.error, input.error { 
    color:#FF0000; 
} 

• Geçersiz bir girdiye uygulanan varsayılan sınıf error
• Doğrulanmış bir girdinin varsayılan sınıfı'dir..

Bu sınıflar ayrıca hata etiketine de uygulanır, dolayısıyla CSS'nizi yazarken bunun farkında olun. Varsayılan sınıfları ile

• Demo: özel sınıflar ile

  $("form").validate({ 
      errorClass: "my-error-class", 
      validClass: "my-valid-class" 
  }); 
  
  .my-error-class { 
      color:#FF0000; /* red */ 
  } 
  .my-valid-class { 
      color:#00CC00; /* green */ 
  } 
  

  • Demo: http://jsfiddle.net/wesley_murch/j3ddP/2/

  validation plugin böyle bir şey yapabilir böylece, bu sınıf isimleri yapılandırmanızı sağlar: http://jsfiddle.net/wesley_murch/j3ddP/1/

.210

yapılandırma seçenekleri .invalid sınıf eklemek için http://docs.jquery.com/Plugins/Validation/validate

Answer 2

kullanım Kundakçı hata elemanının sınıf ne olduğunu görmek ve daha sonra kırmızı yapmak için css kullanmak:

.error-label { 
    color: red; 
} 

Answer 3

$("#myform").validate({ 
    error: function(label) { 
    $(this).addClass("error"); 
    }, 
}); 

kullanım errorClass parametre bulunabilir:

input.error { 
    color: red; 
}