2013-02-17 91 views
6

के लिए बूटस्ट्रैप में कस्टम त्रुटि संदेश कैसे निर्दिष्ट करते हैं मैं .NET 4.0 में ट्विटर-बूटस्ट्रैप का उपयोग कर रहा हूं। मैं किसी भी अतिरिक्त jquery सत्यापन प्लगइन का उपयोग नहीं कर रहा हूँ।इनपुट फ़ील्ड्स

मैं इस कोड है:

<asp:TextBox ID="Url" runat="server" required Text='' placeholder="enter the URL" pattern="http://*" messages="Must start with 'http://' or 'https://' "></asp:TextBox> 

Regex मान्यता काम करता है अगर मैं में टाइप 'asdf':

enter image description here

मेरा प्रश्न है: मैं कैसे अनुकूलित "कृपया से मेल करते हैं अनुरोधित प्रारूप "कहने में त्रुटि" 'http: //' या 'https: //' 'से शुरू होना चाहिए?

जैसा कि आप देख सकते हैं कि मैंने "message =" की कोशिश की है। मैंने कई अन्य लोगों की भी कोशिश की है।

  1. मैं सामान्य त्रुटि संदेश को कैसे अनुकूलित करूं?
  2. क्या बूटस्ट्रैप के लिए कहीं भी कोई दस्तावेज़ीकरण है जिसके बारे में अधिक जानकारी है?

उत्तर

10

इसका वास्तव में बूटस्ट्रैप के साथ कुछ लेना देना नहीं है, बल्कि यह आपके ब्राउज़र में एचटीएमएल 5 फॉर्म इनपुट सत्यापन (क्रोम, आपके स्क्रीनशॉट के रूप में) के कार्यान्वयन के कार्यान्वयन के लिए कुछ भी नहीं है।

pattern विशेषता का उपयोग करते समय, आपको title का उपयोग उपयोगकर्ता (see the MDN docs) में अतिरिक्त सहायता प्रदान करने के लिए करना चाहिए।

title="Must start with 'http://' or 'https://'" साथ

, आप की तरह कुछ देखना चाहिए (क्रोम में, अलग-अलग ब्राउज़र इस अलग तरह से प्रस्तुत करना होगा):

Input validation using the pattern and title attributes http://junkheap.thirdraven.com/input_with_pattern_and_title_set.png

तुम भी यूआरएल के लिए इनपुट प्रकार है, जो आप एक अलग देना होगा बदलते कोशिश कर सकते शीर्षक के बिना भी संदेश, लेकिन मेरा खुद का अनुभव यह रहा है कि कभी-कभी ब्राउज़र लागू सत्यापन को थोड़ा निराशाजनक हो सकता है।

+0

वाह, मुझे यह बिल्कुल नहीं पता था। ऐसा लगता है कि आईई 9 सत्यापन का भी उपयोग नहीं करता है। तो, मुझे लगता है कि मुझे कुछ jquery सत्यापन का उपयोग करना होगा। क्या आपको कोई सफलता लागू करने में कोई सफलता मिली है? – mokumaxCraig

+0

ईमानदार होने के लिए यह कुछ ऐसा नहीं है जिसे मैंने अभी तक करने का प्रयास किया है। शुभकामनाएँ हालांकि :) –

+0

शीर्षक टिप के लिए thx (पैटर्न का उपयोग करते समय) .. – Nrj

5

यदि आप अमान्य संदेश को बदलना चाहते हैं तो आप oninvalid विशेषता का उपयोग कर सकते हैं।

oninvalid="this.setCustomValidity('User ID is a must')"

आशा है कि यह आप में मदद करता है।

+3

लेकिन जब मैं इनपुट फ़ील्ड में शीर्षक डालता हूं। वह संदेश वैधता दिखा रहा है जो काम नहीं कर रहा है। जब मैं मान्य मान के साथ सबमिट बटन पर क्लिक करता हूं तो यह ईमेल फ़ील्ड पर फंस जाता है। मैं यहां बूटस्ट्रैप सत्यापनकर्ता का भी उपयोग कर रहा हूं। –