Как проверить, установлен ли обязательный атрибут в поле

у меня есть простая форма, в которой есть некоторые необходимые поля.

<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>

Я знаю, что вы можете установить обязательный атрибут, используя document.forms['form']['name'].required = false. Но есть ли способ, когда вы можете просто проверить, установлен ли обязательный атрибут или нет? Я пробовал использовать getattribute() но он просто возвращает пустой. Я также попытался использовать код ниже, но он всегда выполняет оператор, даже если требуемый атрибут не установлен (например, в поле телефона).

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

кто-нибудь знает, как я могу это сделать это?

обновление: обе установки оператора if в == вместо = и используя работу hasAttribute, спасибо.

7
forms html5 javascript required

1 ответов

попробуйте это :

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

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