JSFiddle - React, Tailwind, and code Playground

HTML

<form name="myForm" action="#" onsubmit="return validationForm()" method="post">
<table bgcolor="#DDDDDD" id="formdangky" style="width: 450px;">
<tbody>
 
<tr>
<td class="tenhang">Ho:</td>

<td><input name="ho" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Tên:</td>
<td><input name="ten" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Email:</td>
<td><input name="email" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Số Điện Thoại:</td>
<td><input maxlength="11/" name="dienThoai" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Số Lượng Mua:</td>
<td><input name="soLuong" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Ngày Nhận Hàng:</td>
<td><input id="datepicker" name="ngaymua" type="text" /></td>
</tr>
<tr>
<td class="tenhang">Thanh Toán:</td>
<td><input id="ck" name="thanhToan" type="radio" value="chuyenKhoan" /> Chuyển Khoản
<input id="tt" name="thanhToan" type="radio" value="trucTiep" /> Trực Tiếp Khi Giao Hàng
</td>
</tr>
<tr>
<td><input name="Submit" type="submit" value="Đăng Ký Mua" /></td>
<td><input name="Reset" type="reset" value="Xóa" /></td>
</tr>
</tbody></table>

CSS

b

JavaScript

function validationForm()
 {
	var ho = document.forms["myForm"]["ho"].value;
	if (ho == "") {
	alert("Họ không được để trống");
	return false;
	}
	//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;
		}
 }