learning-javascript/form.html at master · Raagu1993/learning-javascript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
    <head>
        <title>Simple Web page for learning</title>
        <script>
            function showInput()
            {
                 var displayemail;
                 var email2;
                 var email = document.getElementById('email');
                 var mailformat = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; ;
                 if(email.value.match(mailformat))
                 {
                    email2 = email.value;
                 }
                 else
                 {
                     alert("please enter valid email address")
                 }
                 var FirstName = document.getElementById('FirstName');
                var LastName = document.getElementById('LastName');
                document.getElementById("displayemail").innerHTML = email2 + " is successfully updated";
                alert(FirstName.value +"," + LastName.value + "," + email2);
             };

            </script>

    </head>
    <body>

        <form>
         First Name : <input type="text" id="FirstName"> <br>
         Last Name  : <input type="text" id="LastName"><br>
         <div id="displayemail">Enter email address</div>
         Email      : <input type = "text" id="email">

        </form>
        <input type="submit" onclick="showInput()">


    </body>
</html>