<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
function validateForm() {
var ten = document.myForm2.name.value;
if (ten == "") {
alert("The Name must be filled out");
return false;
}
var ck = document.getElementById("male");
var tt = document.getElementById("female");
if ((ck.checked == false) && (tt.checked == false)) {
alert("You must select a gender");
return false;
}
var nm = document.myForm2.date.value;
if (nm == "") {
alert("The Date of birth must be filled out");
return false;
}
var email = document.myForm2.email.value;
var aCong = email.indexOf("@");
var dauCham = email.lastIndexOf(".");
if (email == "") {
alert("The Email must be filled out");
return false;
} else if ((aCong < 1) || (dauCham < aCong + 2)
|| (dauCham + 2 > email.length)) {
alert("The Email Address you entered does not appear to be valid");
return false;
}
var dienThoai = document.myForm2.phone.value;
var kiemTraDT = isNaN(dienThoai);
if (dienThoai == "") {
alert("The Phone must be filled out");
return false;
}
if (kiemTraDT == true) {
alert("phone number must be numeric");
return false;
}
var adr = document.myForm.address.value;
if (adr == "") {
alert("The Address must be filled out");
return false;
}
return true;
}
</script><br />
<form action="#" method="post" name="myForm2"
onsubmit="return validateForm()">
<table bgcolor="#DDDDDD" id="formdangky" style="width: 700" align="center">
<tbody>
<tr>
<td >Name:</td>
<td><input style="width: 400" name="name" type="text" /></td>
</tr>
<tr>
<td>Gender:</td>
<td><input id="male" name="Gender" type="radio" value="Male" />
Male <input id="female" name="Gender" type="radio" value="Female" />
Female</td>
</tr>
<tr>
<td >Day of Birth:</td>
<td><input style="width: 400" id="date" name="date" type="text" /></td>
</tr>
<tr>
<td >Email:</td>
<td><input style="width: 400" name="email" type="text" /></td>
</tr>
<tr>
<td >Phone:</td>
<td><input style="width: 400" maxlength="11/" name="phone" type="text" /></td>
</tr>
<tr>
<td>Address:</td>
<td><input style="width: 400" name="address" type="text" /></td>
</tr>
<tr >
<td colspan="2" align="center"><input name="ADD" type="submit" value="Add" />
<input name="REMOVE" type="reset" value="Remove" /></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
1/14/2018
XacNhan
Rate this posting:
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment