Thuộc tính bắt buộc FileUpload đầu vào HTML DOM trả về và sửa đổi giá trị của thuộc tính bắt buộc của nút đầu vào tải lên tệp trong HTML.
Cú pháp
Sau đây là cú pháp -
1. Yêu cầu trả lại
object.required
2. Bắt buộc phải sửa đổi
object.required = true|false
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính yêu cầu tải lên tệp đầu vào HTML DOM -
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM file upload required Property</title>
<style>
body{
text-align:center;
}
.btn{
display:block;
margin:1rem auto;
background-color:#db133a;
color:#fff;
border:1px solid #db133a;
padding:0.5rem;
border-radius:50px;
width:20%;
}
.show-message{
font-weight:bold;
font-size:1.4rem;
color:#ffc107;
}
</style>
</head>
<body>
<h1>file upload required Property Example</h1>
<form id="form" method="post" action="">
<fieldset>
<legend >Form </legend>
<input type="file" required>
<input type="submit" class="btn" value="Submit Form" onclick="checkRequired()">
</fieldset>
</form>
<div class="show-message"></div>
<script>
function checkRequired(){
var fileBtn=document.querySelector("input[type='file']");
if(fileBtn.value === ""){
document.querySelector(".show-message").innerHTML = "Please Select a File!";
}
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Gửi biểu mẫu ”Mà không cần chọn bất kỳ tệp nào:
