01/10/2018, 16:41

Bắt lỗi đăng nhập trong javascript

mấy bác cho mình hỏi là tại sao mình đăng nhập mình trả về return false rồi sao nó vẫn gửi dữ liệu đi

<h3 style="border-bottom:2px  groove #666">Đăng Nhập </h3>
<form  action="index.php">

		<td>Tên</td>
        <td><input type="text" name="ten" id="ten" /><span id="erruser"></span></td>
	</tr>
    <tr>
		<td>Mật khẩu</td>
        <td><input type="password" name="pass" id="pass" /><span id="errpass"></span></td>
	</tr>
    <tr>
        <td><input type="submit" name="tsubmit" id="tsubmit" value="Đăng nhập" onclick="kiemtra()"/></td>
	</tr>
</table> 
</form>
----------


------------------------------------------- 
function kiemtra(){
var user = document.getElementById("ten");
var password = document.getElementById("pass");
if(user.value == ""){
	document.getElementById("erruser").innerHTML = "Tên khac rong";
	user.style.background = "red";
	return false;
	
	}
else if(user.value !="" && password.value != "admin" ){
	document.getElementById("errpass").innerHTML = "Mật khẩu là admin";
	password.style.background = "red";
	return false;
	}

return true;
	
}
Trương Tấn Phát viết 18:55 ngày 01/10/2018
<form onsubmit="kiemtra()">

Bỏ sự kiện onclick ở nút đăng nhập đi.

Minh Anh Vũ viết 18:47 ngày 01/10/2018

vẫn không được bạn ơi

Trương Tấn Phát viết 18:44 ngày 01/10/2018

Lâu không làm form html nên quên nhiều.

<form onsubmit="return kiemtra();">

Hoặc javascript

form.onsubmit = kiemtra;
//hoặc
form.addEventListener('submit', kiemtra);
kid1412 viết 18:56 ngày 01/10/2018

B1: Thêm ID cho form

<form id="login-form" action="index.php">

B2: gán sự kiện submit

var form = document.getElementById('login-form');
form.addEventListener('submit', kiemtra, false);

B3: Sửa lại hàm kiemtra, bỏ return thêm preventDefault để chặn action submit.

function kiemtra(e){
  e.preventDefault();
var user = document.getElementById("ten");
var password = document.getElementById("pass");
if(user.value == ""){
	document.getElementById("erruser").innerHTML = "Tên khac rong";
	user.style.background = "red";
	
	}
else if(user.value !="" && password.value != "admin" ){
	document.getElementById("errpass").innerHTML = "Mật khẩu là admin";
	password.style.background = "red";
	}
	
}

Full code

<h3 style="border-bottom:2px  groove #666">Đăng Nhập </h3>
<form id="login-form" action="index.php">

		<td>Tên</td>
        <td><input type="text" name="ten" id="ten" /><span id="erruser"></span></td>
	</tr>
    <tr>
		<td>Mật khẩu</td>
        <td><input type="password" name="pass" id="pass" /><span id="errpass"></span></td>
	</tr>
    <tr>
        <td><input type="submit" name="tsubmit" id="tsubmit" value="Đăng nhập"/></td>
	</tr>
</table> 
</form>
function kiemtra(e){
  e.preventDefault();
var user = document.getElementById("ten");
var password = document.getElementById("pass");
if(user.value == ""){
	document.getElementById("erruser").innerHTML = "Tên khac rong";
	user.style.background = "red";
	
	}
else if(user.value !="" && password.value != "admin" ){
	document.getElementById("errpass").innerHTML = "Mật khẩu là admin";
	password.style.background = "red";
	}
	
}

var form = document.getElementById('login-form');
form.addEventListener('submit', kiemtra, false);

Enjoy!

Minh Anh Vũ viết 18:48 ngày 01/10/2018

Thank bác ! code chạy rồi

Bài liên quan
0