JQuery विनीत मान्यता क्या है?


148

मुझे पता है कि jQuery Validation plugin क्या है। मुझे पता है कि jQuery विनीत मान्यता पुस्तकालय Microsoft द्वारा बनाया गया था और ASP.NET MVC फ्रेमवर्क में शामिल है। लेकिन मुझे एक भी ऑनलाइन स्रोत नहीं मिला है जो बताता है कि यह क्या है। मानक jQuery मान्यता पुस्तकालय और "विनीत" संस्करण के बीच क्या अंतर है?


2
HTML में unobstrusive validation data-val -... विशेषताएँ जोड़ देगा, इसलिए आप HTML स्रोत में भी सत्यापन पढ़ सकते हैं।
प्रीबेन ह्युब्रीचट्स

3
मेरा मानना ​​है कि आपके प्रश्न का उत्तर यहां दिया गया है: bradwilson.typepad.com/blog/2010/10/…। वह बताता है कि जब विनीत होता है या बंद होता है तो क्या अंतर होता है।
टॉमी

जवाबों:


123

ब्रैड विल्सन के पास विनीत मान्यता और विनीत अजाक्स पर कुछ महान लेख हैं ।
यह "AJAX और जावास्क्रिप्ट" अनुभाग में इस प्लुरललाइट वीडियो में बहुत अच्छी तरह से दिखाया गया है ।

असल में, यह केवल जावास्क्रिप्ट सत्यापन है जो आपके स्रोत कोड को अपने सत्यापन कोड के साथ प्रदूषित नहीं करता है । यह data-HTML में विशेषताओं का उपयोग करके किया जाता है ।


क्या आप कृपया हमें विनीत मान्यताओं के लिए mvc3 में किए गए सुधार बता सकते हैं?
wwcdwdcw

वीडियो का लिंक टूट गया है।
मीशा मोरशको

@MishaMoroshko को इंगित करने के लिए धन्यवाद। मुझे अभी के लिए प्लुरलिटी पर कोई विकल्प नहीं मिला, इसलिए मैंने लिंक हटा दिया। जैसे ही मेरे पास कोई विकल्प होगा मैं पोस्ट को फिर से संपादित करूंगा।
बर्टल

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

107

विनीत तरीके से:

  • आपको मान्य () विधि को कॉल करने की आवश्यकता नहीं है।
  • आप डेटा विशेषताओं (डेटा-वैल, डेटा-वैल-आवश्यक, आदि) का उपयोग करके आवश्यकताओं को निर्दिष्ट करते हैं

जेकरी मान्य उदाहरण :

<input type="text" name="email" class="required">
<script>
        $(function () {
            $("form").validate();
        });
</script>

JQuery मान्य विनीत उदाहरण :

<input type="text" name="email" data-val="true" 
data-val-required="This field is required.">  

<div class="validation-summary-valid" data-valmsg-summary="true">
    <ul><li style="display:none"></li></ul>
</div>

4
धन्यवाद, मैं कुछ कोड में वैलिडेट () कॉल को खोजने के लिए Ctrl-F करने की कोशिश कर रहा था, जिस पर मुझे काम करना था। सोच रहा था कि मैं इसे क्यों नहीं ढूँढ सकता
जैव 595

2
हाँ, "विनीत" यहाँ "अनदेखा" के लिए एक व्यंजना प्रतीत होता है।
ReactingToAngularVues

18

स्पष्टीकरण के लिए, यहां एक और अधिक विस्तृत उदाहरण है जो कि 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/


7

jQuery का सत्यापन विनीत मूल ASP.Net MVC HTML सहायक एक्सटेंशन का एक संग्रह है। ये HTML 5 डेटा विशेषताओं द्वारा संचालित सत्यापन के लिए jQuery मान्यता के मूल समर्थन का उपयोग करते हैं। Microsoft ने MVC 3 के साथ jquery.validate.unobtrusive.js को भेज दिया। इसने jQuery सत्यापन और HTML 5 डेटा विशेषताओं के संयोजन का उपयोग करके क्लाइंट पक्ष को डेटा मॉडल सत्यापन लागू करने का एक तरीका प्रदान किया (यह "विनीत" भाग है)।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.