2014-10-07 7 views
5

पर सत्यापन स्थिति का उपयोग कैसे करें class="form-group has-error" का उपयोग कर बूटस्ट्रैप फ़ॉर्म के अंदर इनपुट के लिए सत्यापन राज्यों की अनुमति देता है। लेकिन यह <textarea> के साथ काम नहीं करता है, और विचित्र रूप से पर्याप्त नहीं है और न ही help-inline, कोई मदद करता है?बूटस्ट्रैप - <textarea>

संपादित करें:

<div class="form-group"> 
    <label for="desc" class="col-sm-2 control-label">Description:*</label> 
    <div class="col-sm-10"> 
    <textarea autocomplete="off" class="form-control" rows="5" name="desc" id="desc"></textarea> 
    </div> 
</div> 
+0

कृपया का उपयोग नहीं करते "bootstrap" टैग का उपयोग करें, "ट्विटर-बूटस्ट्रैप" के बाद से यह कुछ और ही मतलब है –

उत्तर

4

आप textarea तत्व को वर्ग form-control जोड़ सकते हैं: यह पूर्ण इनपुट समूह है।

Example Here

<div class="form-group has-error"> 
    <textarea class="form-control"></textarea> 
</div> 

इस के लिए इस्तेमाल किया चयनकर्ता .has-error .form-control है। यहाँ भी डिफ़ॉल्ट स्टाइल है:

.has-error .form-control { 
    border-color: #a94442; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
} 
+0

हाँ दुर्भाग्य से मैं फार्म नियंत्रण पहले से ही यह करने के लिए लागू है, इसलिए कि shouldn समस्या नहीं है। – user3934360

+0

@ user3934360 एचटीएमएल के आधार पर आपने अभी पोस्ट किया है, यह * चाहिए * काम करना चाहिए - http://jsfiddle.net/7p9bLfy0/ आपने या तो बूटस्ट्रैप स्टाइल बदल दिया है या इसमें विरोधाभासी सीएसएस शामिल है। –

+1

इस बारे में क्षमा करें कि ऐसा लगता है कि मेरे पास एक PHP समस्या है, लेकिन मदद के लिए धन्यवाद! – user3934360