जावास्क्रिप्ट सत्यापन: आप सभी को फॉर्म और ईमेल के बारे में जानना चाहिए



जावास्क्रिप्ट सत्यापन पर यह लेख प्रपत्र सत्यापन के बारे में गहराई से ज्ञान प्रदान करेगा। यह जावास्क्रिप्ट का उपयोग करके एक फॉर्म को मान्य करने के लिए एक उदाहरण प्रदान करेगा।

जावास्क्रिप्ट सबसे लोकप्रिय भाषाओं में से एक है , फ्रंट-एंड और बैक-एंड डेवलपमेंट। इसका उपयोग खूबसूरती से डिज़ाइन की गई वेबसाइट बनाने के लिए किया जाता है। जावास्क्रिप्ट में, सत्यापन का उपयोग किसी उपयोगकर्ता को प्रमाणित करने के लिए किया जाता है। इसमें जावास्क्रिप्ट मान्यकरण लेख, आप निम्न क्रम में प्रपत्र सत्यापन के बारे में जानेंगे:

जावास्क्रिप्ट क्या है?

एक है उच्च स्तर, व्याख्या की प्रोग्रामिंग लैंग्वेज का इस्तेमाल वेब पेजों को अधिक इंटरैक्टिव बनाने के लिए किया जाता है। यह बहुत शक्तिशाली है ग्राहक की ओर स्क्रिप्टिंग भाषा जोआपके वेबपेज को अधिक जीवंत और इंटरैक्टिव बनाता है।





जावास्क्रिप्ट - जावास्क्रिप्ट सत्यापन - edureka

यह एक प्रोग्रामिंग लैंग्वेज है जो आपको a को कार्यान्वित करने में मदद करती है जटिल और पर सुंदर डिजाइन वेब पृष्ठ । यदि आप चाहते हैं कि आपका वेब पृष्ठ जीवंत दिखे और आप पर बहुत अधिक काम करे, तो जावास्क्रिप्ट एक अवश्य है।



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

  • यह एक स्क्रिप्टिंग भाषा है और इससे कोई लेना-देना नहीं है । प्रारंभ में, यह नाम दिया गया था मोचा , तो बदल गया लाइवस्क्रिप्ट और अंत में इसे नाम दिया गया जावास्क्रिप्ट

    c ++ संदर्भ द्वारा कॉल
  • जावास्क्रिप्ट एक है वस्तु-आधारित प्रोग्रामिंग भाषा जो बहुरूपता, एनकैप्सुलेशन और विरासत का भी समर्थन करती है।



  • आप जावास्क्रिप्ट को न केवल अंदर चला सकते हैं ब्राउज़र लेकिन यह भी सर्वर और कोई भी उपकरण जिसमें जावास्क्रिप्ट इंजन है।

जावास्क्रिप्ट कार्य

मौलिक इमारत ब्लॉकों जावास्क्रिप्ट में कहा जाता है कार्य । यह मूल रूप से बयानों का एक समूह है जो एक कार्य करता है या एक मूल्य की गणना करता है। किसी फ़ंक्शन का उपयोग करने के लिए, इसे उस दायरे में कहीं परिभाषित किया जाना चाहिए जहां से आप इसे कॉल करना चाहते हैं।

एक फ़ंक्शन परिभाषा में फ़ंक्शन कीवर्ड शामिल हैं, इसके बाद:

  • नाम समारोह के।

  • इसकी सूची पैरामीटर समारोह में, कोष्ठकों में संलग्न और अल्पविराम द्वारा अलग किया गया।

  • जावास्क्रिप्ट बयान फ़ंक्शन को परिभाषित करता है, घुंघराले कोष्ठक में संलग्न, {}।

चलिए एक उदाहरण लेते हैं और देखते हैं कि नाम से कैसे परिभाषित किया जाता है जोड़ते हैं :

फंक्शन ऐड (a, b) {रिटर्न ए + बी}

अब, एक उपयोगकर्ता को मान्य करने के लिए, एक सत्यापन फ़ंक्शन का उपयोग किया जाता है। तो चलिए आगे बढ़ते हैं और जावास्क्रिप्ट सत्यापन के बारे में और जानें।

मान्यता क्या है?

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

ग्राहक की ओर सत्यापन ग्राहक को यह जानने से रोकता है कि पृष्ठ को फिर से लोड करने से पहले फॉर्म ठीक है या नहीं। जहाँ तक, सर्वर साइड सत्यापन इस तथ्य के कारण महत्वपूर्ण है कि क्लाइंट-साइड सत्यापन को जावास्क्रिप्ट बंद करके पूरी तरह से बायपास किया जा सकता है।

अब हमारे जावास्क्रिप्ट सत्यापन लेख के साथ आगे बढ़ते हैं और फॉर्म सत्यापन के उदाहरण पर एक नज़र डालते हैं।

जावास्क्रिप्ट सत्यापन: उदाहरण

निम्न उदाहरण HTML, CSS और जावास्क्रिप्ट में एक कोड है जहां एक फॉर्म को मान्य करने के लिए:

  1. HTML उपयोग किया जाता है सृजन करना फार्म।
  2. जावास्क्रिप्ट उपयोग किया जाता है मान्य करना फार्म।

FormValidation.html

फॉर्म सत्यापन / ** /
कुंजिका:
 

यह निम्न आउटपुट देगा:

c ++ में कूदो

अब, आपको एक और फ़ाइल बनाने की आवश्यकता है जो कि करेगी पुनर्निर्देशित क्लिक करने के बाद एक नया पेज प्रस्तुत बटन।

पाठ। Html

फॉर्म सत्यापन / ** /

यह दूसरे पेज पर रीडायरेक्ट करेगा और निम्नलिखित देगा आउटपुट :

अब, हमें एक जोड़ने की जरूरत है समारोह इनपुट आईडी लिंक करने के लिए हमारे JavaScipt में। यह एक पॉप जाएगा सतर्क यदि कोई भी फ़ील्ड रिक्त है तो संदेश।

function validateform () {var name = document.myform.name.value var password = document.myform.password.value यदि (नाम == null || नाम == ') {चेतावनी] (' नाम रिक्त नहीं हो सकता ' ) झूठा} और वापस करें अगर (पासवर्ड.लगाव<6){ alert('Password must be atleast 6 characters long.') return false } } 

यह निम्नलिखित पॉप होगा सतर्क जब नाम क्षेत्र खाली छोड़ दिया जाता है:

अगला, यदि आप नाम दर्ज करते हैं और छोड़ देते हैं पासवर्ड फ़ील्ड रिक्त, यह निम्नलिखित पॉप होगा सतर्क :

एक बार जब आपने सही प्रारूप में नाम और पासवर्ड जोड़ दिया, तो यह पृष्ठ Text.html पृष्ठ के लिए पुनर्निर्देशित किया जाएगा अंतिम उत्पादन।

के लिए पूरा कोड फॉर्म मान्यता इस प्रकार है:

फ़ॉर्म सत्यापन फ़ंक्शन वैलिडेटफ़ॉर्म () {var name = document.myform.name.value var पासवर्ड = document.myform.password.value यदि (नाम == null || नाम == ’’) {अलर्ट (नाम नहीं हो सकता है) रिक्त ') गलत} वापस करें यदि (पासवर्ड<6){ alert('Password must be atleast 6 characters long.') return false } } कुंजिका: 

यह जावास्क्रिप्ट में फ़ॉर्म सत्यापन का एक उदाहरण था। हम ईमेल आईडी, पासवर्ड, मोबाइल नंबर भी मान्य कर सकते हैं। और भी कई।

तो, एक और उदाहरण लेते हैं और देखते हैं कि कैसे मान्य किया जाए ईमेल आईडी जावास्क्रिप्ट का उपयोग कर।

जावास्क्रिप्ट ईमेल सत्यापन

ईमेल

फ़ंक्शन ValidateEmail (inputText) {var mailformat = /^w+( J..-इंग?w+)*@w+( I..-इंग मैच (मेलफॉर्मेट)) {document.form1.text1.focus () सच्चा} और {{अलर्ट ('आपने एक अमान्य ईमेल पता दर्ज किया है!') document.form1.text1.focus () रिटर्न फर्जी}

आउटपुट

जावा में किसी ऑब्जेक्ट को कॉपी कैसे करें

इसके साथ, हम अपने जावास्क्रिप्ट सत्यापन लेख के अंत में आ गए हैं। मुझे उम्मीद है कि आपको यह ब्लॉग जानकारीपूर्ण लगा और जावास्क्रिप्ट सत्यापन की बुनियादी समझ प्राप्त हुई।

इसके अलावा, बाहर की जाँच करना मत भूलना Edureka द्वाराक्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया 'जावास्क्रिप्ट सत्यापन' के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।