Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript

Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript

Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript</title>
<style>
input{margin-bottom:5px}
</style>
</head>
<body>

<h1>Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript</h1>
<p>Dùng để xử lý sự kiện khi con trỏ chuột rời khỏi ô input trong HTML:</p>

<input type="text" id="tuoi" placeholder="Nhập tuổi từ 18 tới 40" ><br>
<input type="text" id="tuoi2" placeholder="Nhập tuổi từ 18 tới 40" >

<script>
// Lấy đối tượng HTML
var tuoi= document.getElementById('tuoi');
// dùng tên đối tượng HTML vừa lấy để addEventListener
tuoi.addEventListener('blur', function() {
var sotuoi =  tuoi.value;
if(sotuoi<18||sotuoi>40){
 alert("Bạn phải nhập tuổi từ 18 tới 40"); 
}
});

// Lấy đối tượng HTML
var tuoi2 = document.getElementById('tuoi2');
// dùng tên đối tượng HTML vừa lấy để gọi hàm
tuoi2.onblur = function(){
var sotuoi =  tuoi2.value;
if(sotuoi<18||sotuoi>40){
  alert("Bạn phải nhập tuổi từ 18 tới 40"); 
}
};
</script>

</body>
</html>
Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript nằm trong bài viết Sự kiện onblur trong JavaScript