Scribd Logo
Upload

Welcome to Scribd!

  • 7 views

    Form

    Uploaded by

    Gagan Shukla
    This document contains code for a form validation script. The script validates that fields are entered for name and email. It checks that the email field contains a valid email address format. Error messages are displayed next to the fields in red if validation fails.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Form

    Uploaded by

    Gagan Shukla
    7 views1 page
    This document contains code for a form validation script. The script validates that fields are entered for name and email. It checks that the email field contains a valid email address format. Error messages are displayed next to the fields in red if validation fails.

    Original Description:

    Original Title

    form

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains code for a form validation script. The script validates that fields are entered for name and email. It checks that the email field contains a valid email address format. Error messages are displayed next to the fields in red if validation fails.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    7 views1 page

    Form

    Uploaded by

    Gagan Shukla
    This document contains code for a form validation script. The script validates that fields are entered for name and email. It checks that the email field contains a valid email address format. Error messages are displayed next to the fields in red if validation fails.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 1

    <!DOCTYPE html> <html> <head> <style> .

    error { color: red; } </style>


    </head> <body> <h1>Form Validation</h1> <form id=”myform” onsub-
    mit=”return validateForm()”>
    <label for=”name”>Name:</label><br> <input type=”text” id=”name”
    name=”name”> <span id=”nameError” class=”error”></span><br>
    <label for=”email”>Email:</label><br> <input type=”text” id=”email”
    name=”email”> <span id=”emailError” class=”error”></span><br>
    <input type=”submit” value=”Submit”> </form>
    <script> function validateForm() { var nameInput = document.getElementById(”name”);
    var emailInput = document.getElementById(”email”); var nameError
    = document.getElementById(”nameError”); var emailError = docu-
    ment.getElementById(”emailError”);
    nameError.textContent = ””; emailError.textContent = ””;
    if (nameInput.value === ””) { nameError.textContent = ”Name is Required”;
    nameInput.focus(); return false; }
    if(emailInput.value===””){ emailError.textContent = ” email is required”;
    emailInput.focus(); return false; }
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(emailInput.value))
    { // Fixed .text to .test emailError.textContent = ”Invalid email”; emailIn-
    put.focus(); return false; }
    return true; } </script> </body> </html>

    You might also like