जब कोई उपयोगकर्ता किसी फॉर्म के साथ इंटरैक्ट करता है, तो फॉर्म सबमिट करने जैसे कार्यों के लिए उपयोगकर्ता के अनुकूल प्रतिक्रिया प्रदान करना महत्वपूर्ण है। यह डेटा अखंडता सुनिश्चित करता है और गलत सबमिशन को रोकता है। जावास्क्रिप्ट में, पुष्टिकरण संवाद बॉक्स फॉर्म सबमिशन को संभालने के लिए एक सरल लेकिन प्रभावी समाधान प्रदान करते हैं। दो विकल्पों के साथ एक अलर्ट बॉक्स प्रदर्शित करने के लिए जावास्क्रिप्ट पुष्टि() विधि का उपयोग कर सकते हैं: "ओके" और "रद्द करें।" उपयोगकर्ता की पसंद के आधार पर, आप फ़ॉर्म सबमिशन के साथ आगे बढ़ सकते हैं या उपयोगकर्ता को सुधार करने की अनुमति दे सकते हैं।
निम्न कोड स्निपेट दर्शाता है कि इनलाइन जावास्क्रिप्ट का उपयोग करके इसे कैसे कार्यान्वित किया जाए:
जब उपयोगकर्ता सबमिट बटन पर क्लिक करता है, तो कन्फर्म() फ़ंक्शन एक अलर्ट बॉक्स प्रदर्शित करेगा। यदि उपयोगकर्ता "ओके" पर क्लिक करता है, तो फॉर्म सबमिट हो जाएगा। अन्यथा, अलर्ट बॉक्स बंद हो जाएगा, और उपयोगकर्ता फॉर्म में समायोजन कर सकता है और इसे पुनः सबमिट कर सकता है।
ऐसे मामलों में जहां आपको अधिक की आवश्यकता होती है उन्नत फ़ॉर्म सत्यापन, आप एक कस्टम जावास्क्रिप्ट फ़ंक्शन बना सकते हैं:
फ़ंक्शन मान्य(फ़ॉर्म) { // कस्टम सत्यापन करें // ... // सत्यापन विफल होने पर पुष्टिकरण संकेत लौटाएँ अगर (!वैध) { वापसी की पुष्टि करें ('कृपया फॉर्म में त्रुटियों को ठीक करें!'); } }
फिर, इस फ़ंक्शन को फॉर्म के ऑनसबमिट इवेंट में असाइन करें:function validate(form) {
// Perform custom validation
// ...
// Return confirmation prompt if validation fails
if (!valid) {
return confirm('Please correct the errors in the form!');
}
}
Validate() फ़ंक्शन फॉर्म सत्यापन को संभालेगा और आवश्यकता पड़ने पर उपयोगकर्ता को पुष्टि के लिए संकेत देगा।पुष्टि संवाद बॉक्स का लाभ उठाकर, आप अपने फॉर्म के उपयोगकर्ता अनुभव को बेहतर बना सकते हैं, उपयोगकर्ताओं को अपने कार्यों की पुष्टि करने का एक स्पष्ट और सुविधाजनक तरीका प्रदान करना। अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।
Copyright© 2022 湘ICP备2022001581号-3