Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 70756fb

Browse files
Merge pull request #2 from sumanismcse/master
JSForms.html and PopUpMessage.html
2 parents d4f6825 + 3e8a90c commit 70756fb

File tree

2 files changed

+161
-0
lines changed

2 files changed

+161
-0
lines changed

‎JSForms.html

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<html>
2+
<head>
3+
<title>Form Validation</title>
4+
<script type="text/javascript">
5+
var divs = new Array();
6+
divs[0] = "errFirst";
7+
divs[1] = "errLast";
8+
divs[2] = "errEmail";
9+
divs[3] = "errUid";
10+
divs[4] = "errPassword";
11+
divs[5] = "errConfirm";
12+
function validate()
13+
{
14+
var inputs = new Array();
15+
inputs[0] = document.getElementById('first').value;
16+
inputs[1] = document.getElementById('last').value;
17+
inputs[2] = document.getElementById('email').value;
18+
inputs[3] = document.getElementById('uid').value;
19+
inputs[4] = document.getElementById('password').value;
20+
inputs[5] = document.getElementById('confirm').value;
21+
var errors = new Array();
22+
errors[0] = "<span style='color:red'>Please enter your first name!</span>";
23+
errors[1] = "<span style='color:red'>Please enter your last name!</span>";
24+
errors[2] = "<span style='color:red'>Please enter your email!</span>";
25+
errors[3] = "<span style='color:red'>Please enter your user id!</span>";
26+
errors[4] = "<span style='color:red'>Please enter your password!</span>";
27+
errors[5] = "<span style='color:red'>Please confirm your password!</span>";
28+
for (i in inputs)
29+
{
30+
var errMessage = errors[i];
31+
var div = divs[i];
32+
if (inputs[i] == "")
33+
document.getElementById(div).innerHTML = errMessage;
34+
else if (i==2)
35+
{
36+
var atpos=inputs[i].indexOf("@");
37+
var dotpos=inputs[i].lastIndexOf(".");
38+
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=inputs[i].length)
39+
document.getElementById('errEmail').innerHTML = "<span style='color: red'>Enter a valid email address!</span>";
40+
else
41+
document.getElementById(div).innerHTML = "OK!";
42+
}
43+
else if (i==5)
44+
{
45+
var first = document.getElementById('password').value;
46+
var second = document.getElementById('confirm').value;
47+
if (second != first)
48+
document.getElementById('errConfirm').innerHTML = "<span style='color: red'>Your passwords don't match!</span>";
49+
else
50+
document.getElementById(div).innerHTML = "OK!";
51+
}
52+
else
53+
document.getElementById(div).innerHTML = "OK!";
54+
}
55+
}
56+
function finalValidate()
57+
{
58+
var count = 0;
59+
for(i=0;i<6;i++)
60+
{
61+
var div = divs[i];
62+
if(document.getElementById(div).innerHTML == "OK!")
63+
count = count + 1;
64+
}
65+
if(count == 6)
66+
document.getElementById("errFinal").innerHTML = "All the data you entered is correct!!!";
67+
}
68+
</script>
69+
</head>
70+
<body>
71+
<table id="table1">
72+
<tr>
73+
<td>First Name:</td>
74+
<td><input type="text" id="first" onkeyup="validate();" /></td>
75+
<td><div id="errFirst"></div></td>
76+
</tr>
77+
<tr>
78+
<td>Last Name:</td>
79+
<td><input type="text" id="last" onkeyup="validate();"/></td>
80+
<td><div id="errLast"></div></td>
81+
</tr>
82+
<tr>
83+
<td>Email:</td>
84+
<td><input type="text" id="email" onkeyup="validate();"/></td>
85+
<td><div id="errEmail"></div></td>
86+
</tr>
87+
<tr>
88+
<td>User Id:</td>
89+
<td><input type="text" id="uid" onkeyup="validate();"/></td>
90+
<td><div id="errUid"></div></td>
91+
</tr>
92+
<tr>
93+
<td>Password:</td>
94+
<td><input type="password" id="password" onkeyup="validate();"/></td>
95+
<td><div id="errPassword"></div></td>
96+
</tr>
97+
<tr>
98+
<td>Confirm Password:</td>
99+
<td><input type="password" id="confirm" onkeyup="validate();"/></td>
100+
<td><div id="errConfirm"></div></td>
101+
</tr>
102+
<tr>
103+
<td><input type="button" id="create" value="Create" onclick="validate();finalValidate();"/></td>
104+
<td><div id="errFinal"></div></td>
105+
</tr>
106+
</table>
107+
</body>
108+
</html>

‎PoPUpmessage.html

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<html>
2+
3+
<head>
4+
5+
<title>Event!!!</title>
6+
7+
<script type="text/javascript">
8+
9+
function trigger()
10+
11+
{
12+
13+
document.getElementById("hover").addEventListener("mouseover", popup);
14+
15+
function popup()
16+
17+
{
18+
19+
alert("Welcome to my WebPage!!!");
20+
21+
}
22+
23+
}
24+
25+
</script>
26+
27+
<style>
28+
29+
p
30+
31+
{
32+
33+
font-size:50px;
34+
35+
position: fixed;
36+
37+
left: 550px;
38+
39+
top: 300px;
40+
41+
}
42+
43+
</style>
44+
45+
</head>
46+
47+
<body onload="trigger();">
48+
49+
<p id="hover">Welcome!!!</p>
50+
51+
</body>
52+
53+
</html>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /