Scribd Logo
Upload

Welcome to Scribd!

  • Java in Web Technologies: Experiment 4

    Uploaded by

    sahith sabbisetti
    14 views5 pages
    web technologies experiment4

    Original Title

    EXPERIMENT 4

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    web technologies experiment4

    Copyright:

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

    Java in Web Technologies: Experiment 4

    Uploaded by

    sahith sabbisetti
    web technologies experiment4

    Copyright:

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

    JAVA IN WEB TECHNOLOGIES

    EXPERIMENT 4
    Aim:
    Validate the designed Login and Registration pages using JavaScript.

    login.html:

    <html>
    <head>
    <script>
    function check()
    {
    var password,Email,temp;
    password=document.getElementById("pw");
    Email=document.getElementById("em");
    if(password.value=="" && Email.value=="")
    {
    alert("enter the details");
    }
    if(password.value=="")
    {
    alert("Please enter Password");
    }
    else
    {
    temp=/^(?=.\d)(?=.[a-z])(?=.*[A-Z])[a-z 0-9 A-Z]{8,32}$/
    if(!(temp.test(password.value)))
    {
    alert("Invalid Password");
    }
    }
    if(Email.value=="")
    {
    alert("Please enter E-mail");
    }
    else
    {
    temp=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/
    if(!(temp.test(Email.value)))
    {
    alert("Invalid Mail");
    }

    Name:A.V.Narasimha Jntu No.: 19341A0508 1


    JAVA IN WEB TECHNOLOGIES
    }
    }
    </script>
    <title>Login page</title>
    </head>
    <body>
    <center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
    nbsp;
    <div class="content">
    <form>
    <u>
    <h3>LOGIN PAGE</h3>
    </u>
    <label>EMAIL ID:</label>
    <input type="email" id="em" placeholder="enter e-mail"><br>
    <br>
    <label>PASSWORD:</label>
    <input type="password" id="pw" placeholder="enter password"><br>
    <br>
    <input type="submit" onclick="check()"
    value="Login">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="submit" value="Forgot password">
    <br>
    <br>
    </fieldset>
    </form>
    </div>
    </center>
    </body>
    </html>

    registration.html:

    Name:A.V.Narasimha Jntu No.: 19341A0508 2


    JAVA IN WEB TECHNOLOGIES
    <html>
    <head>
    <script>
    function check()
    {
    var regex = /^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-
    9_\-\.]+)@{[a-zA-Z0-9_\-\.]+0\.([a-zA-Z]{2,5}){1,25})+)*$/;
    var nregex = /^[a-zA-Z]+$/;
    let first=document.getElementById("first").value;
    let last=document.getElementById("last").value;
    let fname=document.getElementById("fname").value;
    let name=document.getElementById("name").value;
    let phonen=document.getElementById("phonen").value;
    let email=document.getElementById("email").value;
    if(nregex.test(first) == false||nregex.test(last) == false||nregex.test(fname)== false||
    nregex.test(name)== false)
    {
    alert("enter all the details");
    return false;
    }
    if(regex.test(email) == false){
    alert("Invalid email");
    return false;
    }
    else
    {
    alert("registration successfully completed");
    }
    }
    </script>
    <title>Registration page</title>
    </head>
    <body><center>
    <u>
    <center><h1>REGISTRATION PAGE</h1></center>
    </u>
    <div class="main">
    <div class="register">
    <form name="Register" method="post" onsubmit="return check()">
    <label>FIRST NAME: </label>
    <br>
    <input type="text" name="fname" id="first" placeholder="enter first name">
    <br>
    <br>
    <label>LAST NAME: </label>

    Name:A.V.Narasimha Jntu No.: 19341A0508 3


    JAVA IN WEB TECHNOLOGIES
    <br>
    <input type="text" name="lname" id="last" placeholder="enter last name">
    <br>
    <br>
    <label>FATHER NAME: </label>
    <br>
    <input type="text" name="faname" id="fname" placeholder="enter father name">
    <br>
    <br>
    <label>MOTHER NAME: </label>
    <br>
    <input type="text" name="mname" id="name" placeholder="enter mother name">
    <br>
    <br>
    <label>EMAIL ID:</label>
    <br>
    <input type="email" name="email" id="email" placeholder="enter e-mail">
    <br>
    <br>
    <label>PHONE NUMBER: </label>
    <br>
    <input type="tel" name="phonenumber" id="phonen" placeholder="enter mobile number">
    <br>
    <br>
    <label>GENDER: </label>
    <br>
    <input type="radio" name="gender" id="male">
    <span id="male">MALE</span>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
    sp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="radio" name="gender" id="female">
    <span id="female">FEMALE</span>
    &nbsp;&nbsp;
    <br>
    <br>
    <input type="submit" value="submit" onclick="check()"><br>
    <br>
    </form>
    </div>
    </div>
    </center>
    </body
    </html>

    Name:A.V.Narasimha Jntu No.: 19341A0508 4


    JAVA IN WEB TECHNOLOGIES

    Name:A.V.Narasimha Jntu No.: 19341A0508 5

    You might also like