Twitter'ın Bootstrap Formu Doğrulama

Question

Olası Çoğalt:
How to use Twitter Bootstrap popovers for jQuery validation notifications?

formu doğrulama için Bootstrap adlı stillerini kullanmaya çalışıyor. https://github.com/ddarren/jQuery-Live-Form-Validation-For-Twitter-Bootstrap

kafadaki: Vücutta

<link href="bootstrap.css" rel="stylesheet"> 
    <script src="jquery.validate.js" type="text/javascript"> 

: Bu javascript doğrulayıcı kullanıyorum

, o bootstrap için özelleştirilmiş edilmiştir

<form id="Form" action="" method="post"> 
     <div class="control-group"> 
     <input type="text" class="span3" id="Mobile" placeholder="Mobile 
      Phone Number" name="Mobile"> 
     </div> 

     <div class="control-group"> 
     <button type="submit" class="btn btn-primary btn-large">Submit 
      </button></p> 
     </div> 
    </form> 

Ve kokan Önyüklemenin hata stilleri ile alanları vurgulayın. Yanlış olduğum herhangi bir fikir var mı? Şimdiden teşekkürler.

Answer 1

Benzer bir şey üzerinde çalışıyorum, bu yüzden size yardımcı olabileceğimi düşünüyorum.
Öncelikle, jQuery-Live-Form-Doğrulama-For-Twitter-Bootstrap kitaplığı oldukça eski (Eylül 2009).
O jQuery (en yeni 1.7.1 ise) ve 1.3.2 sürüm kullandığı tüm orijinal Bootstrap dosyaları kullanmaz!
Eğer indirdiyseniz jQuery Canlı-Form-Doğrulama-For-Heyecan-Önyükleme kolayca tarafından yazılmış iki css dosyası olmadığını css klasörünü kontrol edebilirsiniz (ne yaptığını eminim) github sitesinden bu kütüphanenin yazarı.
Sorunuza yanıt olarak, bu lib dosyasını indirdim ve kodunuzu ekledim ve işe yarıyor.
Basitçe, siz (klasörlerdeki dosyalar ve o) kafasına bu olması gerekir:

aslen jQuery Canlı-Form-Doğrulama-For-Heyecan-Bootstrap alınanın

<link rel="stylesheet" type="text/css" href="stylesheets/jquery.validate.css" /> 
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" /> 
<script src="lib/jquery/jquery-1.3.2.js" type="text/javascript"> 
</script> 
<script src="javascripts/jquery.validate.js" type="text/javascript"> 
</script> 

.
Gerçekten de Twitter Bootstrap form doğrulamasını jQuery ile birlikte kullanmak istiyorsanız, kombine Twitter Bootstrap ve jQuery Validation Plugin'u kullanmanızı öneririz.
Şimdi üzerinde çalışıyorum ve mükemmel çalışıyor.