Twitter的引導表單驗證

Question

可能重複：
How to use Twitter Bootstrap popovers for jQuery validation notifications?

試圖用引導的樣式表單驗證。

我使用這個JavaScript驗證，這是定製的引導： https://github.com/ddarren/jQuery-Live-Form-Validation-For-Twitter-Bootstrap

在頭：

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

在機身：

<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> 

而且它不」 t用引導程序的錯誤樣式突出顯示這些字段。任何想法，我要去錯了嗎？提前致謝。

Answer 1

我正在做類似的事情，所以我想我可能會幫助你。
首先，jQuery-Live-Form-Validation-For-Twitter-Bootstrap庫相當老舊（2009年9月）。
它使用版本1.3.2jQuery（最新版本是1.7.1），它根本不使用原始Bootstrap文件！
如果您下載jQuery的現場表格驗證換Twitter的引導從github上網站（我相信你做了什麼），你可以在CSS輕鬆地檢查文件夾，有書面兩個CSS文件該圖書館的作者。
回答你的問題，我下載了這個庫，並且粘貼了你的代碼，並且它可以工作。
簡單地說，你必須頭這（和文件夾中）：

<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> 

什麼最初是從jQuery的現場表格驗證換Twitter的引導服用。
如果您確實想要使用Twitter Bootstrap表單驗證jQuery我想推薦您使用組合Twitter Bootstrap和jQuery Validation Plugin。
我現在正在研究它，它完美地工作。