सरल JQuery सत्यापन नियम उदाहरण

निम्न HTML फॉर्म सफलतापूर्वक jQuery के फ़ॉर्म सत्यापन का उपयोग करता है, यदि रिक्त छोड़ा गया है तो "फ़ील्ड आवश्यक है" फ़ॉर्म फ़ील्ड के दाईं ओर, "कृपया कम से कम 2 अक्षर दर्ज करें" यदि 2 से कम वर्ण प्रवेश किया गया था हालांकि, "cname" फॉर्म इनपुट फ़ील्ड पर कक्षा और minlength विशेषताओं का उपयोग करके निर्दिष्ट मेटाडेटा प्रमाणीकरण के बजाय, मैं jQuery के "नियम" एपीआई का उपयोग करना चाहता हूं, जहां नियम मान्य कार्य के शरीर में निर्दिष्ट हैं। अग्रिम धन्यवाद:सरल JQuery सत्यापन नियम उदाहरण

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script src="/lib/js/jquery.js"></script> 
    <script src="/lib/js/jquery.validate.js"></script> 
    <script> 
    $(document).ready(function(){$("#commentForm").validate(
    /* 
    rules/messages here 
    */ 
    );} 
    ); 
    </script> 
</head> 
<body> 

<form id="commentForm" method="get" action=""> 
<fieldset> 
    <legend>A simple comment form with submit validation and default messages</legend> 
    <p> 
    <label for="cname">Name</label> 
    <em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" /> 
    </p> 
    <p> 
    <input class="submit" type="submit" value="Submit"/> 
    </p> 
</fieldset> 
</form> 
</body> 
</html>

स्रोत

2009-03-16 George Jempty

मुझे यह बहुत उपयोगी पाया – Mike

इस प्रश्न को बंद करना "संदिग्ध" –

क्षमा करें यदि मेरे प्रश्न को फिर से खोलने के लिए मतदान स्वयं सेवा करता है। अगर मुझे एक प्रश्न पूछने के लिए नया "प्लैटिनम" बैज मिलता है तो मैं अपना वोट रद्द कर दूंगा लेकिन फिर भी 100 के विचार (जुलाई 2013 तक 12K विचारों से कम) प्राप्त हो जाता है। भले ही इस प्रश्न को और कोई जवाब न मिले, मुझे नहीं लगता कि इसे बंद प्रश्न होने का "कलंक" होना चाहिए। –

this blog post में निहित उदाहरण चाल करें।

स्रोत

2009-03-16 15:00:59

को प्राप्त करने की आवश्यकता है मैं सक्रिय और सक्रिय हूं मूल लिंक कभी भी मरने के मामले में web.archive.org पर संग्रहीत आलेख का एक लिंक: http://web.archive.org/web/20120108075037/http://www.raymondcamden.com/index.cfm/2009/ 2/10/एक परिचय-टू-jQuery-और-फॉर्म-प्रमाणीकरण -2 –

आपको यह लिंक केवल उत्तर साफ़ करना चाहिए। – paqogomez

rules: { 
    cname: { 
     required: true, 
     minlength: 2 
    } 
}, 
messages: { 
    cname: { 
     required: "<li>Please enter a name.</li>", 
     minlength: "<li>Your name is not long enough.</li>" 
    } 
}

स्रोत

2009-03-16 13:17:35 Ayo

हाय मैं आपके प्रयास की सराहना करता हूं। हालांकि मैं इसे काम करने में सक्षम नहीं था। मैंने वास्तव में इस तरह की कई बार पहले की तरह कुछ कोशिश की, इसलिए मैंने यहां SO पर पोस्ट किया। मैं अपनी साइट्स में से किसी एक पर अपलोड की गई HTML फ़ाइलों के स्थान को इंगित करने के लिए मूल प्रश्न संपादित कर रहा हूं –

ठीक है, नियम ब्लॉक के अंत में, संदेश ब्लॉक से पहले, और दोनों ब्लॉक के चारों ओर घुंघराले ब्रेसिज़ के अंत में एक अल्पविराम होना आवश्यक है। यह सरल जावास्क्रिप्ट त्रुटियों को सुधारता है, और मैंने HTML-2 फ़ाइल को ऑनलाइन अपडेट किया है, लेकिन सत्यापन अभी भी काम नहीं करता है :(मुझे यकीन है कि यह आसान है, बस इस –

$("#commentForm").validate({ 
    rules: { 
    cname : { required : true, minlength: 2 } 
    } 
});

ऐसा ही कुछ होना चाहिए, मैं तो बस इस संपादक में टाइप किया है यहाँ तो एक सिंटैक्स त्रुटि या दो हो सकता है, लेकिन आप का पालन करने में सक्षम होना चाहिए पैटर्न और documentation

स्रोत

2009-03-16 13:22:15 ChadT

मार्कअप में इनपुट "type" याद आ रही है, इनपुट (पाठ मुझे लगता है) विशेषता name="name" और ID="cname", अयोध्या द्वारा प्रदान की कोड इनपुट "CNAME" * नामित कॉल जहां यह होना चाहिए "नाम" है।

स्रोत

2011-09-01 01:20:39

उत्तर

संबंधित मुद्दे