Twitter Bootstrap Form Validation

Question

thể trùng lặp:
How to use Twitter Bootstrap popovers for jQuery validation notifications?

Cố gắng sử dụng phong cách bootstrap cho hình thức xác nhận.

Tôi đang sử dụng validator javascript này, đã được tùy biến cho bootstrap: https://github.com/ddarren/jQuery-Live-Form-Validation-For-Twitter-Bootstrap

Trong đầu:

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

Trong cơ thể:

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

Và nó doesn' t làm nổi bật các trường với kiểu lỗi của bootstrap. Bất kỳ ý tưởng mà tôi đang đi sai? Cảm ơn trước.

Answer 1

Tôi đang làm việc về một thứ tương tự để tôi nghĩ tôi có thể giúp bạn.
Trước hết, jQuery-Live-Form-Validation-For-Twitter-Bootstrap Thư viện khá cũ (tháng 9 năm 2009).
Nó sử dụng phiên bản 1.3.2 của jQuery (mới nhất là 1.7.1) và nó không sử dụng bản gốc Bootstrap file ở tất cả!
Nếu bạn đã tải jQuery-Live-Mẫu-Validation-For-Twitter Bootstrap (những gì tôi chắc chắn bạn đã làm) từ github trang web mà bạn có thể dễ dàng đăng ký css thư mục đó có hai tập tin css được viết bởi tác giả của thư viện đó.
Trả lời cho câu hỏi của bạn, tôi đã tải xuống thư viện đó và tôi đã dán mã của bạn và ... nó hoạt động.
Đơn giản, bạn cần phải có trong đầu này (và rằng các tập tin trong thư mục):

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

gì được ban đầu lấy từ jQuery-Live-Mẫu-Validation-For-Twitter Bootstrap.
Nếu bạn thực sự muốn có xác thực biểu mẫu Khởi động Twitter với jQuery Tôi muốn khuyên bạn nên sử dụng kết hợp Twitter Bootstrap và jQuery Validation Plugin.
Tôi đang làm việc trên nó ngay bây giờ và nó hoạt động hoàn hảo.