Scribd Logo
Upload

Welcome to Scribd!

  • 6 views

    Experiment No 12

    Uploaded by

    Shubham waghule
    The document describes an experiment to design a web page with two textboxes for user name and mobile number input. It validates the form field values using regular expressions on submit. The code provided creates the form with labels, inputs, and a submit button. A JavaScript function validates the name against one regex and number against another, alerting valid or invalid.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Experiment No 12

    Uploaded by

    Shubham waghule
    6 views2 pages
    The document describes an experiment to design a web page with two textboxes for user name and mobile number input. It validates the form field values using regular expressions on submit. The code provided creates the form with labels, inputs, and a submit button. A JavaScript function validates the name against one regex and number against another, alerting valid or invalid.

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document describes an experiment to design a web page with two textboxes for user name and mobile number input. It validates the form field values using regular expressions on submit. The code provided creates the form with labels, inputs, and a submit button. A JavaScript function validates the name against one regex and number against another, alerting valid or invalid.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    6 views2 pages

    Experiment No 12

    Uploaded by

    Shubham waghule
    The document describes an experiment to design a web page with two textboxes for user name and mobile number input. It validates the form field values using regular expressions on submit. The code provided creates the form with labels, inputs, and a submit button. A JavaScript function validates the name against one regex and number against another, alerting valid or invalid.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 2

    EXPERIMENT NO.

    12
    Design a web page with 2 textboxes to accept name and mobile number from user.
    Validate both the form field values using regular expressions.
    CODE:
    <!--
    Aniket Gholap
    30
    EXP 12
    -->
    <!DOCTYPE html>
    <html>
    <head>
    <title> Regular Expressions </title>
    </head>
    <body>
    <div class = “container-form”>
    <form action = “ ” name = “frm1”>
    <label for = “name” id = “name”> Name </label>
    <input type = “text” placeholder = “John” id = “name-of-
    person” maxlength = “30”> <br> <br>
    <label for = “mo-no” id = “mobile”> Mobile Number
    </label>
    <input type = “text” placeholder = “XXXXXX2451” id =
    “mobile-number” maxlength = “10”> <br> <br>
    <input type = “button” value = “Submit” id = “form-submit”
    onclick = “validate()”>
    </form>
    </div>

    <script>
    function validate() {
    var name = document.getElementById(“name-of-
    person”).value;
    var regex1 = /^[a-zA-Z ]{1,30}$/;

    if (regex1.test(name)) {
    alert(“Valid Name”);
    } else {
    alert(“Invalid Name”);
    }

    var number = document.getElementById(“mobile”).value;


    var reger2 = /^[7-9][0-9]{2,10}$/;

    if (regex2.test(number)) {
    alert(“Valid Number”);
    } else {
    alert(“Invalid Number”);
    }
    }
    </script>
    </body>
    </html>
    --------------------------------------------------------------------------------------------------------
    OUTPUT:
    As Invalid Inputs As Valid Inputs

    --------------------------------------------------------------------------------------------------------

    You might also like