Valid8 के साथ जावास्क्रिप्ट सत्यापन

अक्सर आपको जावास्क्रिप्ट का उपयोग करके "संतृप्त" इंटरफेस करना पड़ता है। ज्यादातर मैं jQuery के माध्यम से काम करता हूं, मुझे सब कुछ पसंद है, लेकिन एक परेशानी सत्यापन है। लगातार पहिया को सुदृढ़ करना है, कोड के स्निपेट्स के लिए नेटवर्क की खोज करना है; लेकिन मैं विवरणों के बिना कुछ पंक्तियाँ लिखना चाहता हूं। आनंद आने में लंबा समय नहीं था: मुझे वैलिड 8 पुस्तकालय (उच्चारण मान्य) मिला, और अंत में सत्यापन कोड लिखने की समस्या का समाधान हुआ।

कैसे उपयोग करें

लाइब्रेरी का उपयोग करना बहुत सरल हो गया, जिसे इंटरनेट से jQuery के "स्क्रैप" के बारे में नहीं कहा जा सकता है। पुस्तकालय को जोड़ने के लिए, आपको यहां जाने और क़ीमती डाउनलोड पर क्लिक करने की आवश्यकता है। एक संग्रह डाउनलोड किया गया है जिसमें jquery.valid8.js फ़ाइल विशेष रुचि की है, इसे हमारी परियोजना की js फ़ाइलों वाले फ़ोल्डर में कॉपी करें और लाइब्रेरी को html से कनेक्ट करें:

<script src="/js/jquery-1.6.3.js" type="text/javascript" charset="utf-8"></script> <script src="/js/jquery.valid8.js" type="text/javascript" charset="utf-8"></script> 

मान लें कि हमारे पास एक फॉर्म है:

 <form><ul> <li><input type="text" id="inputSome" /></li> </ul></form> 

हम सत्यापन जोड़ते हैं (डिफ़ॉल्ट रूप से, केवल अनिवार्य भरने के लिए एक जांच), एक त्रुटि संदेश के साथ एक स्ट्रिंग के रूप में पैरामीटर गुजर रहा है। हम jQuery शैली में काम करते हैं:

 $('#inputSome').valid8("  !"); 

फ़ील्ड फ़ोकस प्राप्त करने के बाद और आप इसे भरने के बिना बाहर निकल जाते हैं, एन्क्लोज़िंग टैग (हमारे मामले में ली ) एक त्रुटि शैली वर्ग प्राप्त करेगा।
त्रुटियों की कल्पना करने के लिए, सीएसएस को हमारे दस्तावेज़ के प्रमुख में जोड़ें:

 <style> .error input { background:pink; } </style> 

वैधीकरण तैयार है। वह सब है।

अवसर अधिक दिलचस्प हैं।

Valid8 कार्यक्षमता चेक भरने तक सीमित नहीं है। गंभीर काम के लिए, आप नियमित अभिव्यक्ति को जोड़ सकते हैं:

 $('#inputSome').valid8({ 'regularExpressions': [ { expression: /^.+$/, errormessage: '  !'}, { expression: /^[habr]+$/|>, errormessage: '     h, a, b, r'} ] }); 

अब दोनों नियमित अभिव्यक्तियों से मेल खाने वाले पात्र ही क्षेत्र में प्रवेश कर सकते हैं। पहला क्षेत्र को खाली छोड़ने पर प्रतिबंध लगाता है, और दूसरा 4 वर्णों के इनपुट पर प्रतिबंध जोड़ता है: आप हब्र , बेब्र , हैब्राहाब या ऐसी कुछ व्युत्पत्ति दर्ज कर सकते हैं जो अभिव्यक्ति से मेल खाती हो।

खैर, बेशक, अजाक्स

आप सत्यापन के लिए सर्वर का उपयोग कर सकते हैं:

 $('#inputSome').valid8({ 'ajaxRequests': [ { url: '/ajax/validation/' } ] }); 

अब पुस्तकालय दर्ज मूल्य (उदाहरण के लिए, एक पंजीकृत लॉगिन के बारे में चेतावनी देने के लिए) की जांच करने के लिए सर्वर के साथ संवाद करेगा। मान पैरामीटर में POST के माध्यम से क्षेत्र में मूल्य सर्वर को दिया जाता है। सर्वर को JSON प्रारूप में एक प्रतिक्रिया वापस करनी चाहिए:

 {"valid": true, "message": ",    !"} 

आप नियमित अभिव्यक्ति और सर्वर सत्यापन को जोड़ सकते हैं। अन्य संभावनाएं हैं: घटना का निर्धारण जिसके द्वारा सत्यापन होता है, सत्यापन अंतराल, जेएस सत्यापन कार्य करता है।

सूत्रों का कहना है

मान्य 8 पुस्तकालय
JQuery पुस्तकालय