एकदा आपण HTML तयार करुन चालू केले की, आपण हे सुनिश्चित करू इच्छित आहात की सर्व महत्वपूर्ण फील्ड भरल्या जातील. उदाहरणार्थ, आपण ईमेल पुष्टीकरण पत्र पाठविणार असल्यास, ईमेल पत्त्यांना फॉर्म फील्डमध्ये समाविष्ट केले जावे , आणि ते कार्य करते असा ईमेल पत्ता असावा.
आपल्या फॉर्म प्रमाणित करण्यासाठी दोन मार्ग आहेत:
- जावास्क्रिप्ट वापरुन
- CGI स्क्रिप्ट वापरणे
फॉर्म प्रमाणित करण्यासाठी जावास्क्रिप्टचा उपयोग करण्याच्या साधना
- आपण कोणत्याही सर्व्हर प्रोसेसर वेळ वापरत नाही जावास्क्रिप्ट वापरणे. सर्व प्रक्रिया ग्राहकांच्या संगणकावर केली जाते.
- हा सहसा CGI प्रमाणीकरणापेक्षा जलद कार्य करत असल्याचे दिसत आहे.
- फॉर्म पृष्ठ बदलले नसल्यामुळे, वाचकांसाठी चुका सुधारणे सोपे होते.
फॉर्म तपासण्यासाठी जावास्क्रिप्ट वापरण्याचे बाधक मुद्दे
- JavaScript केवळ सक्षम असलेल्या ब्राउझरवर कार्य करते. JavaScript अक्षम असल्यास, आपली त्रुटी तपासणी पूर्ण होत नाही.
प्रमाणित फॉर्म साठी सीजीआय वापरण्याची प्रवती
- प्रमाणित करण्यासाठी सीजीआय वापरणे प्रत्येक वेळी फॉर्म सबमिट केल्याची खात्री होईल, प्रमाणीकरण चालू होईल.
प्रमाणित फॉर्मसाठी सीजीआय वापरण्याची बाधा
- CGI वेब सर्व्हरवर अधिक लोड ठेवते आणि CGI मध्ये समाविष्ट केलेले प्रत्येक कार्य सर्व्हरसाठी एक आणखी कार्य आहे.
- CGI चालविणे धीमा असू शकते
- एखादी त्रुटी असल्यास, ग्राहकाला फॉर्मच्या पहिल्या पानावर परत जावे लागेल किंवा फॉर्म पेज पुन्हा लिहिण्यासाठी CGI ला दुसर्या फंक्शनची आवश्यकता आहे.
मी हे कसे हाताळतो ते जास्तीत जास्त त्रुटी तपासणी करणे आहे. त्याप्रकारे, वाचकांसाठी जलद आणि सोपे आहे.
मी नंतर CGI सह फॉर्मच्या महत्वाच्या घटकांची तपासणी करतो.
एचटीएमएल फॉर्म मान्य करण्यासाठी जावास्क्रिप्टचा उपयोग कसा करावा?
फॉर्म प्रमाणीकरण तयार करण्याचा मूलभूत पुरावा म्हणजे आवश्यक असणार्या फॉर्म घटकांची नावे शोधणे आणि ते रिकामे असल्यास त्रुटी संदेश प्रदर्शित करणे.
बर्याच त्रुटी तपासणी कार्यक्रम एकाच वेळी प्रत्येक क्षेत्राला तपासतात, आणि एकावेळी एक त्रुटी प्रदर्शित करतात
हे कंटाळवाण्य फॉर्म भरून काढू शकते आणि लोक मध्यभागी थांबू शकतात. आपण खालील स्क्रिप्ट आणि पर्ल स्त्रोत वापरल्यास आपण एकाच वेळी संपूर्ण फॉर्म कसा सत्यापित करावा हे जाणून घेता येईल, आपल्या वाचक नंतर परत जाऊन त्याचे निराकरण करणार्या त्रुटी संदेशांची एक श्रृंखला प्रदर्शित करेल.
एक फॉर्म प्रमाणित करण्यासाठी जावास्क्रिप्ट
आपल्या HTML च्या मुख्य भागात, आपण फॉर्म प्रमाणीकरण करण्यासाठी एक स्क्रिप्ट तयार करावी:
- स्क्रिप्ट सेट करा आणि हे सुनिश्चित करा की हे JavaScript पासून हाताळले आहे जे जावास्क्रिप्ट हाताळू शकत नाही. <स्क्रिप्ट भाषा = "जावास्क्रिप्ट">
- हे फंक्शन कॉल आहे जे वैधता प्रारंभ करते. आपल्या स्क्रिप्टच्या शीर्षस्थानी आपल्या व्हेरिएबल्स सेट करण्यासाठी तो चांगला फॉर्म आहे
फंक्शन व्हॅलिडेटर (फॉर्म)
{var त्रुटी = ""; - आपल्या फॉर्ममध्ये ड्रॉप-डाउन घटक असल्यास, आपण रिक्त फिल्डच्या रूपात प्रथम पर्याय समाविष्ट करावा (उदा.
- मजकूर घटक प्रमाणित करण्यासाठी सर्वात सोपा आहेत. मूल्य रिक्त आहे की नाही हे फक्त तपासा. असे असल्यास, त्रुटी संदेश सेट करा. तर (theForm.words.value == "")
{
error + = "कृपया मजकूर घटक भरा. \ n";}
- आपण मजकूर फील्डमध्ये डेटाचा प्रकार प्रमाणित करू इच्छित असल्यास, आपल्याला थोडा कारागीर प्राप्त करावा लागेल. स्क्रिप्टचे हे स्निपेट एका मजकूर बॉक्सवर पाहते की यात अदितीय संख्या आहे (व्हेरिएबल "अंक" ते काय शोधते ते निश्चित करते).
var अंक = "0123456789";
तर (theForm.number.value == "")
{
error + = "कृपया एक संख्या भरा. \ n";
}
साठी (var i = 0; i
{
तात्पुरती = theForm.number.value.substring (i, i + 1)
जर (अंक. इंडेक्स (ताइप) == -1 && form.number.value! = "")
{
error + = "संख्यात्मक मजकूराची संख्या असायला हवी. \ n";
ब्रेक;
}}
जावास्क्रिप्टसह ईमेल पत्ता प्रमाणित करा
- स्क्रिप्टचा हा भाग एका ईमेल पत्त्यासाठी काय सत्यापित करायचा हे दर्शवितो. ही एक अत्यंत सोपी वैधीकरण आहे, हे सुनिश्चित करते की केवळ @ -साइन आणि कालावधी आहे. लोक अजूनही बनावट ई-मेल पत्ते ठेवू शकतात, परंतु यामुळे चुकीच्या नोंदी थोड्या प्रमाणात कमी होण्यास मदत होते.
तर (theForm.email.value == "")
{
error + = "प्रतिसादासाठी तुम्ही अचूक ईमेल पत्ता समाविष्ट केला पाहिजे. \ n";
}
जर ((theForm.email.value.indexOf ('@', 0) == -1 ||
theForm.email.value.indexOf ('.', 0) == -1) && theForm.email.value! = "")
{
error + = "कृपया आपला ईमेल पत्ता वैध आहे याची पडताळणी करा.";
}
- हे स्क्रिप्टचे मांस आहे. दोन गोष्टी करतो: प्रथम, हे एरर सेट आहे का ते तपासते. असल्यास, तो एक अलर्ट संदेश म्हणून दाखवतो. मग ते खोटेचे परतावा मूल्य पाठवते जेणेकरून माहितीची माहिती सर्व्हरकडे पाठविली जाणार नाही. आपले त्रुटी संदेश (वरील गोष्टी जर असतील तर), सर्व ओळीच्या शेवटी "\ n" समाविष्ट करतात हे ब्राउझरच्या ओळीच्या शेवटी एक कॅरेज रिटर्न (किंवा "प्रविष्ट करा" किंवा "नवीन ओळ") घालण्यासाठी सांगते. नंतर, जर काही त्रुटी संदेश असतील तर ते सर्व वेगवेगळ्या ओळींवर असतील. जर कोणतेही त्रुटी संदेश सेट न केल्यास, त्रुटी वेरियेबल रिक्त असेल (आम्ही ते स्क्रिप्टच्या शीर्षस्थानी स्थीत केले आहे) पासून, आणि म्हणून फॉर्म माहिती CGI वर कार्यवाही करणार्या सर्व्हरकडे पाठविली जाईल.
तर (त्रुटी! = "")
{
इशारा (त्रुटी);
परतावा (खोटे);
} else {
परत (सत्य);
} - आपली स्क्रिप्ट बंद करण्याचे विसरू नका.
}
// -> script>
त्यानंतर, स्क्रिप्टवर कॉल करण्यासाठी, फॉर्म टॅगमध्ये ऑनसबमिट घटक ठेवा:
प्रमाणित फॉर्म साठी सीजीआय
हे पर्ल स्क्रिप्ट CGI स्निपेट JavaScript सारखेच काम करते. हे आवश्यक क्षेत्रे आहेत का ते तपासते, आणि नसल्यास, प्रदर्शनासाठी एका वेरिएबलमध्ये एक त्रुटी संदेश जतन करतो:
#! / usr / local / bin / perl
$ error = "";
जर ($ '{' dd '} eq "$")
{
$ error + = "
कृपया ड्रॉप डाउन बॉक्स मधून निवडा.
";
}
जर ({'शब्द'} ईक "$")
{
$ error + = "
कृपया मजकूर बॉक्समध्ये काही शब्द समाविष्ट करा.
";
}
# ... सर्व फील्ड प्रमाणित करणे सुरू ठेवा
जर ($ त्रुटी)
मुद्रण "सामग्री-प्रकार: मजकूर / HTML \ n \ n";
मुद्रण "
मुद्रण " head>
प्रिंट " एक त्रुटी आली आहे h2>";
print $ error;
मुद्रित "मागे जा आणि या चुका दुरुस्त करा.";
प्रिंट " body> html>";
} else {
# CGI वर जा ...
}
CGI त्रुटी संदेश कसे लिहितो ते फरक आहे की "\ n" ऐवजी, प्रत्येक त्रुटी दरम्यान नवीन ओळी घालण्यासाठी ते HTML पॅरेग्राफ टॅग वापरतात.
आणि आता आपण आपला फॉर्म वैध केला आहे
सीजीआय आणि जावास्क्रिप्टच्या दोन पध्दतींनुसार, तुम्ही एचटीएमएल फॉर्म मान्य केले आहे जेणेकरून तुम्हास पाठवलेल्या भागांची संख्या अचूक असेल.