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

HTML के साथ क्लाइंट-साइड वैलिडेशन और बिना JavaScript के


HTML5 क्लाइंट-साइड वैलिडेशन एरर बबल्स प्रदर्शित करने के लिए, required एट्रिब्यूट का उपयोग करें।

आपको क्लाइंट-साइड वैलिडेशन के लिए JavaScript की आवश्यकता नहीं है जैसे खाली टेक्स्ट बॉक्स कभी सबमिट नहीं होगा क्योंकि HTML5 ने एक नया एट्रिब्यूट पेश किया है जिसे required कहा जाता है जिसका उपयोग निम्नानुसार किया जाएगा और एक मान रखने पर जोर देगा:

<!DOCTYPE HTML> <html> 
    <body> 
        <form action = "/cgi-bin/html5.cgi" method = "get"> 
            Enter email : <input type="text" name = "newinput" required/> 
            <p>Try to submit using Submit button</p> 
            <input type = "submit" value = "submit" /> 
        </form> 
    </body> </html>

  1. जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना

    HTML टैग्स को हटाने और जोड़ने के लिए, hide() और show() की अवधारणा का उपयोग करें।मान लीजिए निम्नलिखित हमारे बटन हैं -Click Me To hide above content Click Me To show above content बटन क्लिक पर टैग्स को हटाने और जोड़ने के लिए, hie() और show() का उपयोग करें -$(document).ready(function(){ $(#hide).click

  1. JavaScript के साथ HTML फॉर्म एक्शन और onsubmit वैलिडेशन JavaScript के साथ HTML फॉर्म एक्शन और onsubmit वैलिडेशन

    आइए एक उदाहरण देखें जहां हम onsubmit पर इनपुट टेक्स्ट को वैलिडेट कर रहे हैं: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>

  1. JavaScript के साथ innerHTML सेट करें JavaScript के साथ innerHTML सेट करें

    innerHTML सेट करने का सही सिंटैक्स निम्नानुसार है - document.getElementById(yourIdName).innerHTML=yourValue; आइए अब देखें कि innerHTML कैसे सेट करें - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-widt