mca_html.github.io/validation form.html at main · Adibsb1234/mca_html.github.io · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
    <title>ValidationofForm</title>
    <script >
        function Validate()
        {
            var n=document.MyForm.Name.value;
            if(n==""|| n.length<3|| n.length>=8)
            {
                alert("Please enter valid name and minimum length 3 characters ");
                document.MyForm.Name.focus();
                return false;

            }
            var emailID=document.MyForm.Email.value;
            if(emailID=="")
            {
                alert("Please provide your Email");
                document.MyForm.Email.focus();
                return false;
            }
            atpos=emailID.indexOf("@");
            dotpos=emailID.lastIndexOf(".");
            if(atpos<1||(dotpos=atpos<2))
            {
                alert("Please enter correct email ID");
                document.MyForm.Email.focus();
                return false;
            }
            let x=document.MyForm.Phone.value;
            if(isNaN(x)|| x<6000000000|| x>9999999999)
            {
                alert("Input Not Valid:");
                document.MyForm.Phone.focus();
                return false;
            }
            var z=document.MyForm.Zip.value;
            if(z=="" ||isNaN(z)|| z.length!=6)
            {
                alert("Please Provide a zip in the format nnnnnn");
                document.MyForm.Zip.focus();
                return false;
            }
            var c=document.MyForm.Country.value;
            if(c=="-1")
            {
                alert("Please provide your Country!");
                return false;

            }
            return(true);
        }
    </script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body bgcolor="bisque">
    <h1><p align ="center"><b>Application Form Validation Using Javascript</b></p></h1>
    <form name="MyForm" onchange="return(validate());">
        <table cellspacing="5" cellpadding="5" align="center" border="5" width="434">
            <tr>
                <td align="right"><b>Name</b></td>
                <td><input type="text" name="Name" size="50"></td>
            </tr>
            <tr>
                <td align="right"><b>Phone Number</b></td>
                <td><input type="text" name="Phone" size="50"></td>
            </tr>
            <tr>
                <td align="right"><b>Email</b></td>
                <td><input type="text" name="Email" size="50"></td>
            </tr>
            <tr>
                <td align="right"><b>Zip Code</b></td>
                <td><input type="text" name="Zip" size="50"></td>
            </tr>
            <tr><td align="right"><b>country</b></td>
            <td>
                <select name="Country">
                    <option value="-1" selected>[chose yours]</option>
                    <option value="1">INDIA</option>
                    <option value="2">UK</option>
                    <option value="3">USA</option>

                </select>
            </td>
            </tr>
            <tr>
                <td>
                    <input type="button">
                </td>
            </tr>

        </table>
    </form>

</body>
</html>