स्पष्टीकरण के लिए, यहां एक और अधिक विस्तृत उदाहरण है जो कि jQuery के सत्यापन विनीत का उपयोग करके फॉर्म सत्यापन का प्रदर्शन करता है।
दोनों jQuery के साथ निम्नलिखित जावास्क्रिप्ट का उपयोग करें:
$("#commentForm").validate({
submitHandler: function(form) {
// some other code
// maybe disabling submit button
// then:
alert("This is a valid form!");
// form.submit();
}
});
दो प्लगइन्स के बीच मुख्य अंतर प्रत्येक दृष्टिकोण के लिए उपयोग की जाने वाली विशेषताएँ हैं।
jQuery मान्यता
बस निम्नलिखित विशेषताओं का उपयोग करें:
- आवश्यकता पड़ने पर सेट करें
- उचित प्रारूपण के लिए सेट प्रकार (ईमेल, आदि)
- अन्य विशेषताएँ जैसे आकार (न्यूनतम लंबाई, आदि) सेट करें
ये रहा फॉर्म ...
<form id="commentForm">
<label for="form-name">Name (required, at least 2 characters)</label>
<input id="form-name" type="text" name="form-name" class="form-control" minlength="2" required>
<input type="submit" value="Submit">
</form>
jQuery मान्यकरण विनीत
निम्नलिखित डेटा विशेषताओं की आवश्यकता है:
- डेटा-संदेश-आवश्यक = "यह आवश्यक है।"
- डेटा नियम-आवश्यक = "सही / गलत"
ये रहा फॉर्म ...
<form id="commentForm">
<label for="form-x-name">Name (required, at least 2 characters)</label>
<input id="form-x-name" type="text" name="name" minlength="2" class="form-control" data-msg-required="Name is required." data-rule-required="true">
<input type="submit" value="Submit">
</form>
इन दोनों उदाहरणों के आधार पर, यदि आवश्यक फॉर्म फ़ील्ड भर दिए गए हैं, और वे अतिरिक्त विशेषता मानदंड को पूरा करते हैं, तो एक संदेश सूचित करेगा कि सभी फॉर्म फ़ील्ड मान्य हैं। अन्यथा, आक्रामक प्रपत्र फ़ील्ड्स के पास पाठ होगा जो त्रुटि को इंगित करता है।
संदर्भ: - jQuery की मान्यता: https://jqueryvalidation.org/documentation/