<html>
<body>
<script type="text/javascript">
// JavaScript Document
function validateForm() {
//Tên phải được điền
var ten = document.forms["myForm"]["ten"].value;
if (ten == "") {
alert("Tên không được để trống");
return false;
}
//chon gioi tính
var ck = document.getElementById("male");
var tt = document.getElementById("female");
if ((ck.checked == false) && (tt.checked == false)) {
alert("Bạn phải chọn giới tính");
return false;
}
//Chọn ngày thang nam sinh khong duoc de trong
var nm = document.forms["myForm"]["date"].value;
if (nm == "") {
alert("Ngày không được để trống");
return false;
}
//Email phải được điền chính xác
var email = document.forms["myForm"]["email"].value;
var aCong=email.indexOf("@");
var dauCham = email.lastIndexOf(".");
if (email == "") {
alert("Email không được để trống");
return false;
}
else if ((aCong<1) || (dauCham<aCong+2) || (dauCham+2>email.length)) {
alert("Email bạn điền không chính xác");
return false;
}
//Nhập số điện thoại
var dienThoai = document.forms["myForm"]["dienThoai"].value;
var kiemTraDT = isNaN(dienThoai);
if (dienThoai == "") {
alert("Điện thoại không được để trống");
return false;
}
if (kiemTraDT == true) {
alert("Điện thoại phải để ở định dạng số");
return false;
}
//Nhập số lượng muốn mua
var adr= document.forms["myForm"]["address"].value;
if (adr == "") {
alert("Địa chỉ không được để trống");
return false;
}
return false;
}
function add_DanhSach() {
var kt = validateForm();
if(kt==true)
{
var t=document.forms["myForm"]["ten"].value;
var ck = document.getElementById("male");
if (ck.checked == true) {
var g = "male";
}
else
var g="female";
var d=document.forms["myForm"]["date"].value;
var e = document.forms["myForm"]["email"].value;
var p = document.forms["myForm"]["dienThoai"].value;
var a= document.forms["myForm"]["address"].value;
var ob ={
name:n,
gender:g,
date:d,
email:e,
phone:p,
address:a
};
// tạo mang đôi tượng rồi thêm các ob;
// tạo thành các danh sách
}
</script><br />
<form action="#" method="post" name="myForm" onsubmit="return validateForm()">
<table bgcolor="#DDDDDD" id="formdangky" style="width: 450px";>
<tbody>
<tr>
<td class="tenhang">Name:</td>
<td><input name="ten" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Gender:</td>
<td><input id="male" name="male" type="radio" value="Male" /> Male
<input id="female" name="felmale" type="radio" value="Female" /> Female
</td>
</tr>
<tr>
<td class="tenhang">Day of Birth:</td>
<td><input id="date" name="date" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Email:</td>
<td><input name="email" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Phone:</td>
<td><input maxlength="11/" name="dienThoai" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Address:</td>
<td><input name="address" type="text" /></td>
</tr>
<tr>
<td><input name="ADD" type="submit" value="Add" /></td>
<td><input name="REMOVE" type="reset" value="Remove" /></td>
</tr>
</tbody></table>
</form>
</body>
</html>
