Scribd Logo
Upload

Welcome to Scribd!

  • Js Validation-Cookiey

    Uploaded by

    Ebtisam Hamed
    21 views5 pages
    java script

    Original Title

    Js Validation-cookiey

    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
    java script

    Copyright:

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

    Js Validation-Cookiey

    Uploaded by

    Ebtisam Hamed
    java script

    Copyright:

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

    ➢ JavaScript Validation :

    1. required fields validation function:

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function validateForm()
    {
    var x=document.forms["myForm"]["fname"].value;
    if (x==null || x=="")
    {
    alert("First name must be filled out");
    return false;
    }
    }
    </script>
    </head>

    <body>
    <form name="myForm" action="demo_form.asp"
    onsubmit="return validateForm()" method="post">
    First name: <input type="text" name="fname">
    <input type="submit" value="Submit">
    </form>
    </body>
    </html>

    2. Input Validation

    <h2>JavaScript Can Validate Input</h2>


    <p>Please input a number between 1 and 10:</p>
    <input id="numb">

    <button type="button"
    onclick="myFunction()">Submit</button>

    <p id="demo"></p>

    <script>
    function myFunction() {
    var x, text;

    // Get the value of the input field with id="numb"


    x = document.getElementById("numb").value;

    // If x is Not a Number or less than one or greater than


    10
    if (isNaN(x) || x < 1 || x > 10) {
    text = "Input not valid";
    } else {
    text = "Input OK";
    }
    document.getElementById("demo").innerHTML = text;
    }
    </script>

    </body>
    </html>

    3. JS email format validation function:


    <!DOCTYPE html>
    <html>
    <body>

    <form name="myform">
    Email: <input type="text" name="email1">

    Please type in your email again:


    <input type="text" name="email2">

    <input type="button" onClick="verifyEmail();" value="Check


    Email Address">
    </form>

    <script>
    function verifyEmail()
    {
    var status = false;
    var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
    if (document.myform.email1.value.search(emailRegEx)== -1)
    {
    alert("Please enter a valid email address.");
    }
    else if
    (document.myform.email1.value!= document.myform.email2.value)
    {
    alert("Email addresses do not match. Please retype
    them to make sure they are the same.");
    }
    else {
    alert("Woohoo! The email address is in the correct
    format and they are the same.");
    status = true;
    }
    return status;
    }
    </script>
    </body>
    </html>
    4. JS Cookies

    Cookies are data, stored in small text files, on your computer.

    When a web server has sent a web page to a browser, the connection is shut down, and the
    server forgets everything about the user.

    Cookies were invented to solve the problem "how to remember information about the
    user":

    • When a user visits a web page, his/her name can be stored in a cookie.
    • Next time the user visits the page, the cookie "remembers" his/her name.

    JavaScript can create, read, and delete cookies with the document.cookie property.

    With JavaScript, a cookie can be created like this:

    document.cookie = "username=John Doe";

    You can also add an expiry date (in UTC time). By default, the cookie is deleted when the browser is
    closed:

    document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

    With a path parameter, you can tell the browser what path the cookie belongs to. By default, the
    cookie belongs to the current page.

    document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

    In the example to follow, we will create a cookie that stores the name of a visitor.

    The first time a visitor arrives to the web page, he/she will be asked to fill in his/her name.
    The name is then stored in a cookie.

    The next time the visitor arrives at the same page, he/she will get a welcome message.

    For the example we will create 3 JavaScript functions:


    1. A function to set a cookie value
    2. A function to get a cookie value
    3. A function to check a cookie value

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function getCookie(c_name)
    {
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
    {
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
    if (x==c_name)
    {
    return y;
    }
    }
    }

    function setCookie(c_name,value,exdays)
    {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=value + ";expires=" + exdate;
    document.cookie=c_name + "=" + c_value;
    }

    function checkCookie()
    {
    var username=getCookie("username");
    if (username!=null && username!="")
    {
    alert("Welcome again " + username);
    }
    else
    {
    username=prompt("Please enter your name:");
    if (username!=null && username!="")
    {
    setCookie("username",username,365);
    }
    }
    }
    </script>
    </head>
    <body onload="checkCookie()">
    </body>
    </html>

    You might also like