JSFiddle - React, Tailwind, and code Playground

by Luong Dung

HTML

<div id="login">
<fieldset>
<table align="center">

<form action="<?php echo base_url();?>index.php/user/login?>" method="POST">
<tr >
<td colspan="2" > <h1>Trang Đăng Nhập</h1></td>
</tr>
<tr>
<td> Tài Khoản(*)</td>
<td><input type="text" id="txtuser" size="25" />
<span class="warning">Bạn Cần Phải Nhập Dữ Liệu</span>
</td>
</tr>
<tr>
<td> Mật Khẩu(*)</td>
<td> <input type="password" id="txtpass" size="25" />

<span class="warning">Bạn Cần Phải Nhập Dữ Liệu</span>
</td>
</tr>
<tr>
<td colspan="2"><input type="submit" id="ok1" value="Đăng Nhập" class="submit"/></td>
</tr>
</form>
</table>

</div>

CSS

.warning{
	display: none;
}

JavaScript

$(document).ready(function(){
$('#ok1').click(function(){
//kiểm tra xem người dùng có nhập username chưa
if($('#txtuser').val()=="")
{
$('#txtuser').next('.warning').show();
return false;
}

//kiểm tra xem người dùng có nhập password chưa
});
});