2012-03-15 12 views
19

संभव डुप्लिकेट:
How to use Twitter Bootstrap popovers for jQuery validation notifications?ट्विटर की बूटस्ट्रैप पर्चा मान्यकरण

फ़ॉर्म सत्यापन के लिए बूटस्ट्रैप के शैलियों का उपयोग करने की कोशिश कर। 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> 

और यह 'नहीं करता है बूटस्ट्रैप की त्रुटि शैलियों वाले फ़ील्ड को हाइलाइट नहीं करें। कोई विचार जहां मैं गलत जा रहा हूँ? अग्रिम में धन्यवाद।

उत्तर

26

मैं कुछ इसी तरह काम कर रहा हूं इसलिए मुझे लगता है कि मैं आपकी मदद कर सकता हूं।
सबसे पहले, jQuery-Live-Form-Validation-for-Twitter-Bootstrap लाइब्रेरी काफी पुरानी है (200 9 का सितंबर)।
यह संस्करण 1.3.2 jQuery (नवीनतम 1.7.1 है) और के का उपयोग करता है यह सब पर मूल बूटस्ट्रैप फ़ाइलों का उपयोग नहीं है!
तो आप डाउनलोड की jQuery-लाइव-फॉर्म मान्यता-लिए-ट्विटर-बूटस्ट्रैप (क्या मुझे यकीन है कि तुमने किया था हूँ) GitHub साइट से आप आसानी से फ़ोल्डर सीएसएस में जाँच कर सकते हैं दो सीएसएस द्वारा लिखित फ़ाइलें देखते हैं कि उस पुस्तकालय के लेखक।
आपके प्रश्न का उत्तर देते हुए, मैंने उस lib को डाउनलोड किया है और मैंने आपका कोड चिपकाया है और ... यह काम करता है।
सीधे शब्दों में, आप (फ़ोल्डरों की फ़ाइलों और कहा कि) सिर इस में की आवश्यकता है:

<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-लाइव-फॉर्म मान्यता-लिए-ट्विटर-बूटस्ट्रैप से लिया जाता है।
यदि आप वास्तव में jQuery बूटस्ट्रैप फॉर्म jQuery के साथ jQuery के साथ सत्यापन करना चाहते हैं, तो मैं संयुक्त Twitter Bootstrap और jQuery Validation Plugin का उपयोग करके आपको अनुशंसा करना चाहता हूं।
मैं अब इस पर काम कर रहा हूं और यह पूरी तरह से काम करता है।

संबंधित मुद्दे