<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function kiemtra()
{
if(document.getElementById("hoten").value=="")
document.getElementById("thongbao").innerHTML="Họ tên không được để trống!";
else if(document.getElementById("diachi").value=="")
document.getElementById("thongbao").innerHTML="Địa chỉ không được để trống!";
else
document.getElementById("thongbao").innerHTML="Bạn đã đăng ký thành công!!!";
}
</script>
<form id="form1" name="form1" method="post">
<table width="800" border="1" cellspacing="0" cellpadding="0" align="center">
<caption>
Đăng ký du lịch
</caption>
<tbody>
<tr>
<td width="121">Họ và Tên</td>
<td width="373">
<input name="hoten" type="text" id="hoten" size="60"></td>
</tr>
<tr>
<td><p>Địa chỉ</p></td>
<td>
<input name="diachi" type="text" id="diachi" size="45"></td>
</tr>
<tr>
<td>Điện thoại</td>
<td>
<input name="dienthoai" type="text" id="dienthoai" size="20"></td>
</tr>
<tr>
<td>Khách Việt Nam</td>
<td><input name="checkbox" type="checkbox" id="checkbox" checked></td>
</tr>
<tr>
<td>Chọn tour</td>
<td>
<select name="chontour" id="chontour">
<option value="1">Buôn mê thuột - Gia Lai - Kontum</option>
<option value="2">Sài gòn - Đà Lạt</option>
</select></td>
</tr>
<tr>
<td>Phương tiên</td>
<td><p>
<label>
<input type="radio" name="phuongtien" value="1" id="phuongtien_0">
Máy bay</label>
<label>
<input name="phuongtien" type="radio" id="phuongtien_1" value="2" checked>
Xe ô tô</label>
<br>
</p></td>
</tr>
<tr>
<td colspan="2" align="center"><fieldset style="width: 70%;">
<legend>Số lượng đoàn khách</legend>
<label for="nguoilon">Người lớn:</label>
<input name="nguoilon" type="text" id="nguoilon" size="10">
<label for="treem">Trẻ em::</label>
<input name="treem" type="text" id="treem" size="5">
</fieldset></td>
</tr>
<tr>
<td>Ghi chú thêm</td>
<td>
<textarea name="ghichu" rows="2" id="ghichu"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" name="dongy" id="dongy" value="Đồng ý" onClick="kiemtra();"></td>
</tr>
<tr>
<td colspan="2"><p id="thongbao" align="center">Thông báo sẽ hiển thị ở đây!</p></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
Kết thúc phần JavaScript (tổng cộng 7 ngày)
ReplyDeleteTự ôn luyện lại, Hôm sau học JQUERY
Deletehttps://www.youtube.com/watch?v=tF8b9byJErY
ReplyDelete