jQuery Validate pluginJQuery के मान्य प्लगइन के साथ आरंभ करना


टिप्पणियों

यह अनुभाग बताता है कि jquery-validate क्या है, और एक डेवलपर इसका उपयोग क्यों करना चाहता है।

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

स्थापना या सेटअप

CDN से या स्थानीय रूप से jQuery को शामिल करने के बाद प्लगइन शामिल करें। फिर प्लगइन को इनिशियलाइज़ करने के लिए फॉर्म में .validate() विधि संलग्न करें। इस पद्धति के भीतर आप अपने नियमों, कस्टम संदेशों और अन्य विकल्पों को परिभाषित कर सकते हैं।

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.js"></script>
<script>
    $(document).ready(function() {  // <-- ensure form's HTML is ready
    
        $("#myform").validate({  // <-- initialize plugin on the form.
            // your rules and other options,
            rules: {
                first_name: {  // <-- this is the name attribute, NOT id
                    required: true
                },
                last_name: {
                    required: true
                },
                phone: {
                    required: true,
                    digits: true
                }
            }
        });
    
    });
</script>
 

सत्यापन के लिए विचार किए गए प्रत्येक इनपुट में एक अद्वितीय name विशेषता होनी चाहिए; और यह है कि कैसे प्लगइन आदानों का ट्रैक रखता है। इसी HTML मार्कअप:

<form id="myform">
    <input type="text" name="first_name" /><br/>
    <input type="text" name="last_name" /><br/>
    <input type="text" name="phone" /><br/>
    <input type="submit" />
</form>