Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में फॉर्म के अनसेव्ड चेंजेस के लिए अलर्ट


JavaScript में फॉर्म के अनसेव्ड चेंजेस के लिए अलर्ट प्रदर्शित करने का निम्नलिखिक कोड है:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Unsaved Changes Alert</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } input { margin: 10px; } </style> </head> <body onbeforeunload="return pageUnload()"> <h1>फॉर्म के अनसेव्ड चेंजेस के लिए अलर्ट</h1> <form> यूज़रनेम <input type="text" /> <br /> पासवर्ड <input type="password" /><br /> <button type="submit">सबमिट</button> </form> <br /> <script> function pageUnload() { return "यदि आप इस पेज को छोड़ते हैं तो इस पेज का डेटा खो जाएगा"; } </script> </body> </html>

आउटपुट

JavaScript में फॉर्म के अनसेव्ड चेंजेस के लिए अलर्ट

यदि हम रीलोड बटन पर क्लिक करते हैं तो निम्नलिखिक चेतावनी दिखाई जाएगी:

JavaScript में फॉर्म के अनसेव्ड चेंजेस के लिए अलर्ट


  1. जावास्क्रिप्ट में for...in स्टेटमेंट समझाया गया जावास्क्रिप्ट में for...in स्टेटमेंट समझाया गया

    for...in लूप ऑब्जेक्ट की सभी प्रॉपर्टीज के माध्यम से लूप करता है। जावास्क्रिप्ट में for..in स्टेटमेंट को लागू करने का कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0

  1. जावास्क्रिप्ट टेक्स्ट अलर्ट समझाया गया जावास्क्रिप्ट टेक्स्ट अलर्ट समझाया गया

    जावास्क्रिप्ट अलर्ट() फ़ंक्शन का उपयोग उपयोगकर्ता को पॉपअप संदेश प्रदर्शित करने के लिए किया जाता है। जावास्क्रिप्ट अलर्ट() फ़ंक्शन के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo

  1. JavaScript में फॉर्म सबमिशन पर बटन क्लिक ट्रिगर करके अलर्ट जनरेट करें JavaScript में फॉर्म सबमिशन पर बटन क्लिक ट्रिगर करके अलर्ट जनरेट करें

    उदाहरण बटन आईडी के आधार पर फॉर्म सबमिशन पर अलर्ट जनरेट करें। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> <link rel=stylesheet href=//code.jquer