Parsley.js

1. पार्सली.जेएस: शुरुआती लोगों के लिए संपूर्ण गाइड

पार्सली.जेएस एक शक्तिशाली और लचीला जावास्क्रिप्ट लाइब्रेरी है जिसका उपयोग वेब फॉर्मों को मान्य करने के लिए किया जाता है। यह डेवलपर्स को आसानी से क्लाइंट-साइड फॉर्म सत्यापन लागू करने में मदद करता है, जिससे उपयोगकर्ता अनुभव बेहतर होता है और सर्वर पर अनावश्यक डेटा भेजने से बचा जा सकता है। यह लेख पार्सली.जेएस की मूल अवधारणाओं, स्थापना, उपयोग और उन्नत सुविधाओं को विस्तार से समझाएगा।

पार्सली.जेएस क्या है?

पार्सली.जेएस एक प्रगतिशील सत्यापन लाइब्रेरी है। इसका मतलब है कि यह फॉर्म सत्यापन को सरल और अनुकूलन योग्य बनाता है। यह लाइब्रेरी HTML फॉर्म तत्वों को मान्य करने के लिए विभिन्न प्रकार के अंतर्निहित सत्यापन नियमों के साथ आती है, और आपको आवश्यकतानुसार अपने स्वयं के कस्टम सत्यापन नियम बनाने की अनुमति देती है। पार्सली.जेएस प्रतिक्रियाशील है, जिसका अर्थ है कि यह फॉर्म इनपुट में परिवर्तन को वास्तविक समय में सुनता है और तुरंत सत्यापन प्रतिक्रिया प्रदान करता है।

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

पार्सली.जेएस की विशेषताएं

पार्सली.जेएस कई उपयोगी विशेषताएं प्रदान करता है, जिनमें शामिल हैं:

**सरल सेटअप:** पार्सली.जेएस को स्थापित करना और उपयोग करना आसान है।
**अंतर्निहित सत्यापन नियम:** यह लाइब्रेरी कई प्रकार के अंतर्निहित सत्यापन नियमों के साथ आती है, जैसे कि आवश्यक, ईमेल, संख्या, यूआरएल, और बहुत कुछ।
**कस्टम सत्यापन नियम:** आप अपनी आवश्यकताओं के अनुसार कस्टम सत्यापन नियम बना सकते हैं।
**प्रतिक्रियाशील सत्यापन:** यह लाइब्रेरी फॉर्म इनपुट में परिवर्तन को वास्तविक समय में सुनती है और तुरंत सत्यापन प्रतिक्रिया प्रदान करती है।
**त्रुटि संदेश अनुकूलन:** आप त्रुटि संदेशों को अपनी आवश्यकताओं के अनुसार अनुकूलित कर सकते हैं।
**एकाधिक फॉर्म समर्थन:** यह लाइब्रेरी एक ही पृष्ठ पर एकाधिक फॉर्मों का समर्थन करती है।
**थीमिंग:** आप अपनी वेबसाइट की शैली से मेल खाने के लिए पार्सली.जेएस की उपस्थिति को अनुकूलित कर सकते हैं।
**एकाधिक भाषाओं का समर्थन:** पार्सली.जेएस कई भाषाओं का समर्थन करता है, जिससे यह बहुभाषी वेबसाइटों के लिए एक अच्छा विकल्प है।
**एकाधिक ब्राउज़र समर्थन:** यह लाइब्रेरी आधुनिक और पुराने दोनों ब्राउज़रों के साथ संगत है।

पार्सली.जेएस की स्थापना

पार्सली.जेएस को स्थापित करने के कई तरीके हैं:

1. **सीडीएन का उपयोग करना:** आप पार्सली.जेएस को सीधे सीडीएन से लोड कर सकते हैं।

   ```html
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.js"></script>
   ```

2. **एनपीएम का उपयोग करना:** यदि आप एक प्रोजेक्ट में पैकेज मैनेजर का उपयोग कर रहे हैं, तो आप एनपीएम का उपयोग करके पार्सली.जेएस को स्थापित कर सकते हैं।

   ```bash
   npm install parsleyjs
   ```
   फिर आप अपने जावास्क्रिप्ट कोड में इसे आयात कर सकते हैं:
   ```javascript
   import Parsley from 'parsleyjs';
   ```

3. **मैन्युअल रूप से डाउनलोड करना:** आप पार्सली.जेएस वेबसाइट ([1](https://parsleyjs.org/)) से लाइब्रेरी को मैन्युअल रूप से डाउनलोड कर सकते हैं और इसे अपने प्रोजेक्ट में शामिल कर सकते हैं।

पार्सली.जेएस का उपयोग करना

पार्सली.जेएस का उपयोग करने के लिए, आपको पहले अपने HTML फॉर्म में `data-parsley-*` विशेषताएँ जोड़नी होंगी। ये विशेषताएँ पार्सली.जेएस को बताती हैं कि फॉर्म के किन तत्वों को कैसे मान्य किया जाना चाहिए।

उदाहरण के लिए, निम्नलिखित HTML फॉर्म में एक आवश्यक फ़ील्ड और एक ईमेल फ़ील्ड है:

```html <form data-parsley-validate>

 <label for="name">नाम:</label>
 <input type="text" id="name" data-parsley-required="true">

 <label for="email">ईमेल:</label>
 <input type="email" id="email" data-parsley-required="true" data-parsley-type="email">

 <button type="submit">सबमिट करें</button>

</form> ```

इस उदाहरण में:

`data-parsley-validate` विशेषता यह इंगित करती है कि इस फॉर्म को पार्सली.जेएस द्वारा मान्य किया जाना चाहिए।
`data-parsley-required="true"` विशेषता यह इंगित करती है कि नाम फ़ील्ड आवश्यक है।
`data-parsley-type="email"` विशेषता यह इंगित करती है कि ईमेल फ़ील्ड को एक वैध ईमेल पते के रूप में मान्य किया जाना चाहिए।

जब उपयोगकर्ता फॉर्म सबमिट करने का प्रयास करता है, तो पार्सली.जेएस फॉर्म के तत्वों को मान्य करेगा और यदि कोई त्रुटि पाई जाती है तो त्रुटि संदेश प्रदर्शित करेगा।

सामान्य सत्यापन विशेषताओं का विवरण

| विशेषता | विवरण | |---|---| | `data-parsley-required` | फ़ील्ड को आवश्यक बनाता है। | | `data-parsley-type` | फ़ील्ड के लिए डेटा प्रकार निर्दिष्ट करता है (जैसे, `email`, `number`, `url`, `integer`, `date`, आदि)। | | `data-parsley-minlength` | फ़ील्ड के लिए न्यूनतम लंबाई निर्दिष्ट करता है। | | `data-parsley-maxlength` | फ़ील्ड के लिए अधिकतम लंबाई निर्दिष्ट करता है। | | `data-parsley-range` | फ़ील्ड के लिए मानों की एक श्रेणी निर्दिष्ट करता है। | | `data-parsley-pattern` | फ़ील्ड के लिए एक नियमित अभिव्यक्ति निर्दिष्ट करता है। | | `data-parsley-equalto` | फ़ील्ड के मान को दूसरे फ़ील्ड के मान के बराबर होने की आवश्यकता होती है। | | `data-parsley-trigger` | सत्यापन ट्रिगर निर्दिष्ट करता है (जैसे, `change`, `focus`, `blur`, `input`)। |

कस्टम सत्यापन नियम बनाना

आप अपनी आवश्यकताओं के अनुसार कस्टम सत्यापन नियम भी बना सकते हैं। कस्टम सत्यापन नियम बनाने के लिए, आपको `Parsley.addValidator()` फ़ंक्शन का उपयोग करना होगा।

उदाहरण के लिए, निम्नलिखित कोड एक कस्टम सत्यापन नियम बनाता है जो यह सुनिश्चित करता है कि एक फ़ील्ड में केवल अक्षर हों:

```javascript Parsley.addValidator('letters', {

 fn: function(value) {
   return /^[a-zA-Z]+$/.test(value);
 },
 messages: {
   en: 'केवल अक्षर दर्ज करें।'
 }

}); ```

इस उदाहरण में:

`letters` कस्टम सत्यापन नियम का नाम है।
`fn` फ़ंक्शन सत्यापन तर्क है। यह फ़ंक्शन एक मान लेता है और यदि मान मान्य है तो `true` लौटाता है, अन्यथा `false` लौटाता है।
`messages` ऑब्जेक्ट त्रुटि संदेशों को संग्रहीत करता है। इस उदाहरण में, त्रुटि संदेश अंग्रेजी में है।

कस्टम सत्यापन नियम बनाने के बाद, आप इसे अपने HTML फॉर्म में `data-parsley-letters` विशेषता का उपयोग करके उपयोग कर सकते हैं।

उन्नत सुविधाएँ

पार्सली.जेएस कई उन्नत सुविधाएँ प्रदान करता है, जिनमें शामिल हैं:

**फॉर्म सत्यापन को गतिशील रूप से सक्षम या अक्षम करना:** आप `Parsley.enable()` और `Parsley.disable()` फ़ंक्शन का उपयोग करके फॉर्म सत्यापन को गतिशील रूप से सक्षम या अक्षम कर सकते हैं।
**त्रुटि संदेशों को अनुकूलित करना:** आप `Parsley.addError()` और `Parsley.removeError()` फ़ंक्शन का उपयोग करके त्रुटि संदेशों को अनुकूलित कर सकते हैं।
**सत्यापन घटनाओं को संभालना:** आप `Parsley.on()` फ़ंक्शन का उपयोग करके सत्यापन घटनाओं को संभाल सकते हैं, जैसे कि `form:success`, `form:error`, `field:validate`, और `field:error`।
**एकाधिक फॉर्मों को प्रबंधित करना:** आप `Parsley.Form` क्लास का उपयोग करके एकाधिक फॉर्मों को प्रबंधित कर सकते हैं।

पार्सली.जेएस के विकल्प

पार्सली.जेएस के कई विकल्प उपलब्ध हैं, जिनमें शामिल हैं:

**Validator.js:** यह एक और लोकप्रिय जावास्क्रिप्ट सत्यापन लाइब्रेरी है।
**jQuery Validation Plugin:** यह jQuery के लिए एक सत्यापन प्लगइन है।
**Yup:** यह जावास्क्रिप्ट ऑब्जेक्ट स्कीमा सत्यापन के लिए एक लाइब्रेरी है।

निष्कर्ष

पार्सली.जेएस एक शक्तिशाली और लचीला जावास्क्रिप्ट लाइब्रेरी है जिसका उपयोग वेब फॉर्मों को मान्य करने के लिए किया जा सकता है। यह डेवलपर्स को आसानी से क्लाइंट-साइड फॉर्म सत्यापन लागू करने में मदद करता है, जिससे उपयोगकर्ता अनुभव बेहतर होता है और सर्वर पर अनावश्यक डेटा भेजने से बचा जा सकता है। यह लाइब्रेरी कई उपयोगी सुविधाएँ प्रदान करती है, जैसे कि सरल सेटअप, अंतर्निहित सत्यापन नियम, कस्टम सत्यापन नियम, प्रतिक्रियाशील सत्यापन, और त्रुटि संदेश अनुकूलन।

जावास्क्रिप्ट एचटीएमएल फॉर्म क्लाइंट-साइड प्रोग्रामिंग वेब डेवलपमेंट उपयोगकर्ता अनुभव सत्यापन नियम त्रुटि संदेश कस्टम सत्यापन प्रतिक्रियाशीलता सीडीएन एनपीएम पैकेज प्रबंधन ऑब्जेक्ट स्कीमा

- बाइनरी विकल्पों के साथ संबंधित लिंक (संदर्भ के लिए, क्योंकि आपने बाइनरी विकल्पों में विशेषज्ञता का उल्लेख किया था):**

या

अभी ट्रेडिंग शुरू करें

IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)

हमारे समुदाय में शामिल हों

हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री