Cách kiểm tra xem thuộc tính bắt buộc có được đặt trên một trường

Question

Tôi có một biểu mẫu đơn giản có một số trường bắt buộc trong đó không.

<form name="form" method="post"> 
<pre> 
<label>  Name: </label><input type="text" name="name" required> 
<label> Address: </label><input type="text" name="add" required> 
<label>Telephone: </label><input type="text" name="tel"> 
<input type="submit" value="Submit Form"> 
</pre> 
</form> 

Tôi biết bạn có thể đặt thuộc tính bắt buộc bằng cách sử dụng document.forms['form']['name'].required = false. Nhưng có cách nào mà bạn chỉ có thể kiểm tra xem thuộc tính bắt buộc có được đặt hay không? Tôi đã thử sử dụng getattribute() nhưng nó chỉ trả về trống. Tôi cũng đã thử sử dụng mã bên dưới, nhưng nó luôn thực thi câu lệnh, ngay cả khi thuộc tính bắt buộc không được đặt (ví dụ: trên trường điện thoại).

if(document.forms['form']['name'].required = true) 
    label.innerHTML += " (required)" 

Có ai biết cách tôi có thể làm điều này không?

Cập nhật: Cả hai đặt câu lệnh if thành == thay vì = và sử dụng hasAttribute work, thanks.

Answer 1

Hãy thử điều này:

var elem = document.getElementsByTagName('input')[0]; 

if(elem.hasAttribute('required')){ 
//do your stuff 
}