जाभास्क्रिप्ट वा CGI सँग फारमहरू कसरी प्रमाणित गर्ने सिक्नुहोस्

एकपटक तपाईं एचटीएमएल फारम र चलिरहेको बेला, तपाइँ प्राय: सबै महत्वपूर्ण क्षेत्रहरू भरिएका छन् भनेर निश्चित गर्न चाहानुहुन्छ। उदाहरणका लागि, यदि तपाई एक ईमेल पुष्टिकरण पत्र पठाउन जाँदै हुनुहुन्छ भने, इमेल ठेगाना फारम फिल्डमा समावेश गर्नुपर्छ। , र यो काम गर्ने ईमेल ठेगाना हुनुपर्छ।

तपाईंको फारमहरू प्रमाणित गर्न दुई तरिकाहरू छन्:

1. JavaScript प्रयोग गर्दै
2. CGI स्क्रिप्ट प्रयोग गर्दै

फारमहरू प्रमाणीकरण गर्न जाभास्क्रिप्टको प्रयोग गर्ने प्रो

• जाभास्क्रिप्ट प्रयोग गरेर तपाईंले कुनै सर्भर प्रोसेसर समय प्रयोग गर्नुहुन्न। सबै प्रकृया क्लाइन्ट कम्प्यूटरमा गरिन्छ।

• यो अक्सर CGI प्रमाणीकरण भन्दा छिटो काम गर्न प्रतीत हुन्छ।
• किनकि फारम पृष्ठ परिवर्तन भएको छैन, यो पाठकलाई त्रुटि समाधान गर्न सजिलो छ।

फारमहरू प्रमाणीकरण गर्न जाभास्क्रिप्टको प्रयोग गरी

• जाभास्क्रिप्ट मात्र ब्राउजरहरूमा काम गर्दछ जसले यसलाई सक्षम पारेको छ। यदि जाभास्क्रिप्ट अक्षम गरिएको छ भने, तपाईंको त्रुटि जाँच गर्न सकिएन।

फारमहरू प्रमाणीकरण गर्न CGI को प्रयोग गर्ने प्रविधिहरू

• प्रमाणिकरण गर्न CGI प्रयोग गरेर सुनिश्चित गर्दछ कि फारम पेश गरिएको प्रत्येक पटक, प्रमाणिकरण चलिरहेको छ।

फारमहरू प्रमाणीकरण गर्न CGI प्रयोग गर्दै

• CGI वेब सर्भरमा अधिक लोड राख्दछ, र CGI मा समावेश गरिएको हरेक प्रकार्य सर्भरको लागि एउटा थप कार्य हो।
• CGI चाँडो दौड हुन सक्छ।
• यदि त्यहाँ त्रुटि छ भने ग्राहकलाई फारमको पहिलो पृष्ठमा फर्केर जानुहोस् वा फारम पृष्ठ पुन: लेख्नको लागि CGI लाई अर्को प्रकार्य चाहिन्छ।

मैले यो संभाल गर्ने तरिका जावास्क्रिप्टको साथ त्रुटि जाँच को बहुमत छ। त्यस तरिका, यो पाठकहरूको लागि छिटो र सजिलो छ।

त्यसपछि मैले सीजीआईको साथमा फारमको अत्यावश्यक तत्वहरू पुन: पत्ता लगाउँछु।

एचटीएमएल फारमहरू मान्य गर्न जाभास्क्रिप्ट प्रयोग कसरी गर्ने

फारम प्रमाणीकरण सिर्जना गर्ने आधारभूत आधार फारम तत्वहरूका नामहरू हेर्नको लागी हो, र यदि तिनीहरू खाली छन् भने त्रुटि सन्देश प्रदर्शन गर्नुहोस्।

सबै त्रुटिहरू जाँच गर्दा प्रोग्रामहरू प्रत्येक समयमा एक फिल्ड एक जाँच गर्नुहोस्, र समयमा एक त्रुटि प्रदर्शन गर्नुहोस्।

यसले फारम टाँस्ने बनाउन सक्छ, र मान्छे बीचमा बन्द हुन सक्छ। यदि तपाइँ निम्न लिपि र पेरल स्रोत प्रयोग गर्नुहुन्छ भने तपाइँ थाहा पाउनुहुनेछ कि सम्पूर्ण फारम एकै पटकमा कसरी प्रमाणिकरण गर्न सकिन्छ, त्रुटि सन्देशहरूको श्रृंखला प्रदर्शन गर्ने जुन तपाईंको पाठक पछि फेरि जान सक्छ र मिलाउन सक्छ।

फारम प्रमाणीकरण गर्न जाभास्क्रिप्ट

तपाईंको HTML को टाउको भागमा, तपाईंले प्रमाणिकरण गर्न स्क्रिप्ट सिर्जना गर्नु पर्छ:

1. लिपि सेट अप गर्नुहोस्, र निश्चित गर्नुहोस् कि ब्राउजरहरूलाई लुकाउन सकिँदैन जुन यो जाभास्क्रिप्ट गर्न सकिँदैन। <स्क्रिप्ट भाषा = "जाभास्क्रिप्ट">
2. यो प्रकार्य कल हो जुन मान्यता सुरु हुन्छ। तपाईंको स्क्रिप्टको माथिल्लो भागमा तपाईंको चर सेट गर्न राम्रो तरिका हो।
   प्रकार्य मान्यकर्ता (theform)
   {var error = "";
3. यदि तपाईँका फारमहरूमा ड्रप-डाउन तत्त्वहरू छन् भने, तपाइँलाई खाली फिल्डको रूपमा पहिलो विकल्प समावेश गर्नु पर्दछ (उदाहरण <विकल्प मान = ""> एक रोज्नुहोस् ) तपाईँले क्षेत्रमा कुनै पनि पाठ समावेश गर्न सक्नुहुनेछ, जस्तै जबसम्म खाली खाली छ। त्यसोभए, जब तपाई यसको विरुद्ध प्रमाणीकरण गर्नुहुन्छ, मात्र हेर्नु भएको छ कि पहिलो विकल्प (खाली एउटा) अझै पनि सेट गरिएको छ, यदि यो हो, त्रुटि सन्देश लेख्नुहोस्। यदि (theform.dd.options [0] .चयनित == सच)
   {
   त्रुटि + = "कृपया ड्रप-डाउन सूचीबाट चयन गर्नुहोस्। \ n";}
4. पाठ तत्त्वहरू सबै भन्दा सजिलो हो। केवल हेर्न चेक गर्नुहोस् कि मूल्य खाली छ भने। यदि यो हो, त्रुटि सन्देश सेट गर्नुहोस्। यदि (theForm.words.value == "")
   {
   त्रुटि + = "कृपया पाठ तत्व भर्नुहोस्। \ n";}

1. यदि तपाईं टेक्स्ट फिल्ड भित्रको डेटा मान्य गर्न चाहानुहुन्छ भने, तपाइँलाई थोडा फैंसीयर प्राप्त गर्नुपर्छ। स्क्रिप्टको स्निपेट पाठ पाठ बक्समा हेर्न को लागी कि यो यसमा गैर-संख्यात्मक क्यारेक्टरहरू छन् (चर "अङ्कहरू" यो के देखिरहेको छ परिभाषित गर्दछ)।
   
   var अंक = "0123456789";
   यदि (theform.number.value == "")
   {
   त्रुटि + = "कृपया नम्बर भर्नुहोस्। \ n";
   }
   को लागि (var i = 0; i
   {
   temp = theForm.number.value.substring (i, i + 1)
   यदि (अंक। indexOf (temp) == -1 र&form.number.value! = "")
   {
   त्रुटि + = "सङ्ख्यात्मक पाठ अङ्क हुनु पर्छ। \ n";
   ब्रेक;
   }}

जाभास्क्रिप्टको साथ ईमेल ठेगाना प्रमाणित गर्नुहोस्

1. स्क्रिप्टको यस भागले कसरी इमेल ठेगानाको लागि प्रमाणिकरण गर्दछ भनेर देखाउँछ। यो एक धेरै सरल प्रमाण हो, यो केवल यो सुनिश्चित गर्न जाँच गर्दछ कि एक @ -साइन र एक अवधि हो। मानिसहरूले अझै पनि नक्कली ईमेल ठेगानाहरूमा राख्न सक्छन्, तर यसले सानो कुरा प्रविष्ट गर्न मद्दत गर्दछ।
   यदि (theForm.email.value == "")
   {
   त्रुटि + = "तपाईँले प्रतिक्रियाको लागि सही ईमेल ठेगाना समावेश गर्नु पर्दछ। \ n";
   }
   यदि ((theform.email.value.indexOf ('@', 0) == -1 ||
   theForm.email.value.indexOf ('।', 0) == -1) &&form.email.value! = "")
   {
   त्रुटि + = "कृपया निश्चित गर्नुहोस् कि तपाईंको इमेल ठेगाना वैध छ।";
   }

1. यो लिपिको मासु हो। यो दुई चीजहरू गर्दछ: पहिलो, यो त्रुटि सेट छ कि हेर्न जाँच गर्दछ। यदि त्यहाँ छ भने, यसले यसलाई अलर्ट सन्देशको रूपमा प्रदर्शित गर्दछ। त्यसपछि यो गलत को फिर्ती मूल्य पठाउँछ ताकि फारम जानकारी सर्भरमा पठाइएको छैन। तपाईंको त्रुटि सन्देशहरू (माथिको विवरणमा सेट गर्नुहोस्), सबैले रेखाको अन्त्यमा "\ n" समावेश गर्दछ। यसले रेखाको अन्तमा क्यारियर फिर्ती (वा "प्रविष्ट" वा "नयाँ लाइन") सम्मिलित गर्न ब्राउजरलाई बताउँछ। त्यसो भए, त्यहाँ थुप्रै त्रुटि सन्देशहरू छन् भने तिनीहरू सबै अलग लाइनहरूमा हुनेछन्। यदि कुनै त्रुटि सन्देशहरू सेट भएन भने, त्रुटि त्रुटि खाली हुनेछ (जहाँ हामी स्क्रिप्टको माथि सेट गर्दछौं), र त्यसैले फारम जानकारी CGI द्वारा कार्य गर्न सर्भरमा पठाइनेछ।
   यदि (त्रुटि! = "")
   {
   सतर्कता (त्रुटि);
   फर्काउनुहोस् (गलत);
   } else {
   फर्कनुहोस् (साँचो);
   }
2. तपाईंको स्क्रिप्ट बन्द गर्न नबिर्सनुहोस्।
   }
   // ->

त्यसपछि, स्क्रिप्टलाई कल गर्न, एक ईन्टबिटमा तत्व फारम ट्यागमा राख्नुहोस्: