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

Trình soạn thảo - Chạy thử Sự kiện onblur không gán trực tiếp trong JavaScript

Kết quả - 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
  • ★★★★★ ★★★★★