Yapabilirim, çörek görünür kullanarak bootstrap yeterince kolay, ve ben de bunu doğrulaması kullanarak standart jQuery validation plugin jQuery validation engine ama çözemedim nasıl yem bir diğeri.

İhtiyacım olan şey bir bildirim görüntülemek istediğinde doğrulayıcı tarafından denir, bu mesajı ileten bir gösteri ve bir popover için hedef öğesi olan bazı kanca olduğunu düşünüyorum. Bu bağımlılık enjeksiyon gibi görünüyor.

Teoride güzel, ama ben sadece kanca nerede olduğunu, ya da eğer bir ya da doğrulama motoru varsa bile çözemedim. İkisi de görünüyor niyet üzerine sorumluluk alma görüntüleme bildirimleri ile her türlü ayrıntılı seçenekleri için yerleştirme, ambalaj kağıtları, stilleri zaman ben sonra hata tipi(s) (bilmiyorum mutlaka bile gerek mesaj metin) ve element ile ilgilidir. Kancaları tek tek bildirimleri değil tüm formu buldum.

Ben çok güzel dinamik olarak oluşturulan formları ile oynadıkları sınıflar kuralları tanımlamak için kullandığı doğrulama sistemleri tercih ederim.

Herkes bir çözüm ya da daha iyi bir fikriniz var mı?

Bu eller bir örnektir:

$('form').validate({
    errorClass:'error',
    validClass:'success',
    errorElement:'span',
    highlight: function (element, errorClass, validClass) { 
        $(element).parents("div[class='clearfix']").addClass(errorClass).removeClass(validClass); 
    }, 
    unhighlight: function (element, errorClass, validClass) { 
        $(element).parents(".error").removeClass(errorClass).addClass(validClass); 
    }
});

Gerçekten bootstrap yumurtalı ekmek kullanımı yok, ama gerçekten güzel görünüyor ve elde etmek kolaydır.

GÜNCELLEME

Yani, popover doğrulama için bu kodu kullanabilirsiniz:

$("form").validate({
  rules : {
    test : {
      minlength: 3 ,
      required: true
    }
  },
  showErrors: function(errorMap, errorList) {
    $.each(this.successList, function(index, value) {
      return $(value).popover("hide");
    });
    return $.each(errorList, function(index, value) {
      var _popover;
      _popover = $(value.element).popover({
        trigger: "manual",
        placement: "top",
        content: value.message,
        template: "<div class=\"popover\"><div class=\"arrow\"></div><div class=\"popover-inner\"><div class=\"popover-content\"><p></p></div></div></div>"
      });
      // Bootstrap 3.x :      
      //_popover.data("bs.popover").options.content = value.message;
      // Bootstrap 2.x :
      _popover.data("popover").options.content = value.message;
      return $(value.element).popover("show");
    });
  }
});

Böyle bir şey olsun:

jsFiddle Check out.