html - JavaScript form validation without alert -
HTML फ़ॉर्म & lt;! DOCTYPE html & gt; & Lt; html lang = "en" & gt; & Lt; शीर्ष & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt;! - jQuery (बूटस्ट्रैप के जावास्क्रिप्ट प्लग इन के लिए आवश्यक) - & gt; & Lt; script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt;! - सभी संकलित प्लगइन्स (नीचे) शामिल करें, या व्यक्तिगत फ़ाइलों को आवश्यकतानुसार शामिल करें - & gt; & Lt; script src = "js / bootstrap.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; div वर्ग = "पृष्ठ-हैडर" & gt; & Lt; h1 संरेखन = "केंद्र" वर्ग = "हैडर" & gt; ऑनलाइन प्रवेश फ़ॉर्म & lt; / h1 & gt; & Lt; / div & gt; & Lt; form role = "form" method = "post" name = "sign_up_form" परसमिट = "वापसी मान्य फॉर्म ()" & gt; & Lt; div वर्ग = "कंटेनर" & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; लेबल = "उपयोगकर्ता नाम" & gt; उपयोगकर्ता नाम & lt; / label & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "फॉर्म-कंट्रोल" आईडी = "उपयोगकर्ता नाम" नाम = "उपयोगकर्ता नाम" प्लेसहोल्डर = "उपयोगकर्ता नाम दर्ज करें" & gt; & Lt; / div & gt; & Lt; span id = "उपयोगकर्ता नाम त्रुटि" & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "exampleInputEmail1" & gt; ईमेल पता & lt; / label & gt; & Lt; इनपुट प्रकार = "ईमेल" वर्ग = "फॉर्म-कंट्रोल" आईडी = "ईमेल" नाम = "ईमेल" प्लेसहोल्डर = "ईमेल दर्ज करें" & gt; & Lt; / div & gt; & Lt; span id = "ईमेल त्रुटि" & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "exampleInputPassword1" & gt; पासवर्ड & lt; / label & gt; & Lt; इनपुट प्रकार = "पासवर्ड" वर्ग = "फ़ॉर्म-नियंत्रण" आईडी = "पासवर्ड" नाम = "पासवर्ड" प्लेसहोल्डर = "पासवर्ड" & gt; & Lt; / div & gt; & Lt; span id = "passwordError" & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "exampleInputPassword1" & gt; पासवर्ड की पुष्टि करें & lt; / label & gt; & Lt; इनपुट प्रकार = "पासवर्ड" वर्ग = "फ़ॉर्म-नियंत्रण" id = "conf_password" नाम = "conf_password" प्लेसहोल्डर = "पासवर्ड की पुष्टि करें" & gt; & Lt; / div & gt; & Lt; span id = "confrerror" & gt; & lt; / span & gt; & Lt; इनपुट आईडी = "बटन" प्रकार = "सबमिट करें" नाम = "साइनअप" मान = "साइन-अप" & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / body & gt; & Lt; / html & gt;
जावास्क्रिप्ट & lt; script type = "text / javascript" & gt; फ़ंक्शन मान्य करेंफॉर्म () {var उपयोगकर्ता नाम = जांच उपयोगकर्ता नाम (); Var email = checkEmail (); Var पासवर्ड = चेक पासवर्ड (); Var conf = checkConf (); } // पहला नाम फ़ंक्शन चेक उपयोगकर्ता नाम भरने के लिए मान्य करें () {var उपयोगकर्ता नाम = दस्तावेज़.फॉर्म्स ["sign_up_form"] ["उपयोगकर्ता नाम"]। Value; If (userName == रिक्त || userName == "") {document.getElementById ("usernameError")। InnerHTML = "मान्य ई-मेल पता नहीं"; विवरण झूठा है; } और {वापस सत्य; } Function checkEmail () {// ईमेल प्रमाणीकरण के लिए कोड यहाँ शुरू होता है var ईमेल = document.forms ["sign_up_form"] ["ईमेल"]। मूल्य; Var atpos = Email.indexOf ("@"); Var dotpos = Email.lastIndexOf ("।"); If (एटोपो & लेफ्टिनेंट; 1 || डॉटपास & लेफ्टिनेंट; एंटोस + 2 || डॉटोस + 2 & gt; = ईमेल। लांघ) {var त्रुटि = दस्तावेज़.फॉर्म्स ["sign_up_form"] ["ईमेल त्रुटि"]। InnerHtml = "एक वैध ई-मेल नहीं है पता "; विवरण झूठा है; } और {वापस सत्य; }} // कोड ईमेल सत्यापन के लिए यहां समाप्त होता है फ़ंक्शन चेकपासवर्ड () {var पासवर्ड = document.forms ["sign_up_form"] ["पासवर्ड"]। Value; If (पासवर्ड == रिक्त || पासवर्ड == "") {var त्रुटि = document.forms ["sign_up_form"] ["passwordError"]। InnerHtml = "पासवर्ड चुनें"; } विवरण झूठा है; अन्य {रिटर्न सच; }} Function checkConf () {var confirm_password = document.forms ["sign_up_form"] ["conf_password"]। मान; If (confirm_password == null || confirm_password == "") {var त्रुटि = document.forms ["sign_up_form"] ["confrerror"]। InnerHtml = "पासवर्ड की पुष्टि करें"; विवरण झूठा है; } और {वापस सत्य; }} & Lt; / script & gt; यह जावास्क्रिप्ट गलत क्या है? यह एक त्रुटि संदेश क्यों प्रदर्शित नहीं करता?
आप एक समापन ब्रेस याद कर रहे हैं ...
फ़ंक्शन चेक उपयोगकर्ता का नाम () {var उपयोगकर्ता नाम = दस्तावेज़.फोर्स ["sign_up_form"] ["उपयोगकर्ता नाम"]। मान; If (userName == रिक्त || userName == "") {document.getElementById ("usernameError")। InnerHTML = "मान्य ई-मेल पता नहीं"; विवरण झूठा है; } और {वापस सत्य; } // यह लापता है}
& lt;! DOCTYPE html & gt; & Lt; html lang = "en" & gt; & Lt; शीर्ष & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt;! - jQuery (बूटस्ट्रैप के जावास्क्रिप्ट प्लग इन के लिए आवश्यक) - & gt; & Lt; script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt;! - सभी संकलित प्लगइन्स (नीचे) शामिल करें, या व्यक्तिगत फ़ाइलों को आवश्यकतानुसार शामिल करें - & gt; & Lt; script src = "js / bootstrap.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; div वर्ग = "पृष्ठ-हैडर" & gt; & Lt; h1 संरेखन = "केंद्र" वर्ग = "हैडर" & gt; ऑनलाइन प्रवेश फ़ॉर्म & lt; / h1 & gt; & Lt; / div & gt; & Lt; form role = "form" method = "post" name = "sign_up_form" परसमिट = "वापसी मान्य फॉर्म ()" & gt; & Lt; div वर्ग = "कंटेनर" & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; लेबल = "उपयोगकर्ता नाम" & gt; उपयोगकर्ता नाम & lt; / label & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "फॉर्म-कंट्रोल" आईडी = "उपयोगकर्ता नाम" नाम = "उपयोगकर्ता नाम" प्लेसहोल्डर = "उपयोगकर्ता नाम दर्ज करें" & gt; & Lt; / div & gt; & Lt; span id = "उपयोगकर्ता नाम त्रुटि" & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "exampleInputEmail1" & gt; ईमेल पता & lt; / label & gt; & Lt; इनपुट प्रकार = "ईमेल" वर्ग = "फॉर्म-कंट्रोल" आईडी = "ईमेल" नाम = "ईमेल" प्लेसहोल्डर = "ईमेल दर्ज करें" & gt; & Lt; / div & gt; & Lt; span id = "ईमेल त्रुटि" & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "exampleInputPassword1" & gt; पासवर्ड & lt; / label & gt; & Lt; इनपुट प्रकार = "पासवर्ड" वर्ग = "फ़ॉर्म-नियंत्रण" आईडी = "पासवर्ड" नाम = "पासवर्ड" प्लेसहोल्डर = "पासवर्ड" & gt; & Lt; / div & gt; & Lt; span id = "passwordError" & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" & gt; & Lt; label = "exampleInputPassword1" & gt; पासवर्ड की पुष्टि करें & lt; / label & gt; & Lt; इनपुट प्रकार = "पासवर्ड" वर्ग = "फ़ॉर्म-नियंत्रण" id = "conf_password" नाम = "conf_password" प्लेसहोल्डर = "पासवर्ड की पुष्टि करें" & gt; & Lt; / div & gt; & Lt; span id = "confrerror" & gt; & lt; / span & gt; & Lt; इनपुट आईडी = "बटन" प्रकार = "सबमिट करें" नाम = "साइनअप" मान = "साइन-अप" & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / body & gt; & Lt; / html & gt;
जावास्क्रिप्ट & lt; script type = "text / javascript" & gt; फ़ंक्शन मान्य करेंफॉर्म () {var उपयोगकर्ता नाम = जांच उपयोगकर्ता नाम (); Var email = checkEmail (); Var पासवर्ड = चेक पासवर्ड (); Var conf = checkConf (); } // पहला नाम फ़ंक्शन चेक उपयोगकर्ता नाम भरने के लिए मान्य करें () {var उपयोगकर्ता नाम = दस्तावेज़.फॉर्म्स ["sign_up_form"] ["उपयोगकर्ता नाम"]। Value; If (userName == रिक्त || userName == "") {document.getElementById ("usernameError")। InnerHTML = "मान्य ई-मेल पता नहीं"; विवरण झूठा है; } और {वापस सत्य; } Function checkEmail () {// ईमेल प्रमाणीकरण के लिए कोड यहाँ शुरू होता है var ईमेल = document.forms ["sign_up_form"] ["ईमेल"]। मूल्य; Var atpos = Email.indexOf ("@"); Var dotpos = Email.lastIndexOf ("।"); If (एटोपो & लेफ्टिनेंट; 1 || डॉटपास & लेफ्टिनेंट; एंटोस + 2 || डॉटोस + 2 & gt; = ईमेल। लांघ) {var त्रुटि = दस्तावेज़.फॉर्म्स ["sign_up_form"] ["ईमेल त्रुटि"]। InnerHtml = "एक वैध ई-मेल नहीं है पता "; विवरण झूठा है; } और {वापस सत्य; }} // कोड ईमेल सत्यापन के लिए यहां समाप्त होता है फ़ंक्शन चेकपासवर्ड () {var पासवर्ड = document.forms ["sign_up_form"] ["पासवर्ड"]। Value; If (पासवर्ड == रिक्त || पासवर्ड == "") {var त्रुटि = document.forms ["sign_up_form"] ["passwordError"]। InnerHtml = "पासवर्ड चुनें"; } विवरण झूठा है; अन्य {रिटर्न सच; }} Function checkConf () {var confirm_password = document.forms ["sign_up_form"] ["conf_password"]। मान; If (confirm_password == null || confirm_password == "") {var त्रुटि = document.forms ["sign_up_form"] ["confrerror"]। InnerHtml = "पासवर्ड की पुष्टि करें"; विवरण झूठा है; } और {वापस सत्य; }} & Lt; / script & gt; यह जावास्क्रिप्ट गलत क्या है? यह एक त्रुटि संदेश क्यों प्रदर्शित नहीं करता?
आप एक समापन ब्रेस याद कर रहे हैं ...
फ़ंक्शन चेक उपयोगकर्ता का नाम () {var उपयोगकर्ता नाम = दस्तावेज़.फोर्स ["sign_up_form"] ["उपयोगकर्ता नाम"]। मान; If (userName == रिक्त || userName == "") {document.getElementById ("usernameError")। InnerHTML = "मान्य ई-मेल पता नहीं"; विवरण झूठा है; } और {वापस सत्य; } // यह लापता है}
Comments
Post a Comment