如何检查是否在字段上设置了必需属性

Har*_*345 9 javascript forms html5 required

我有一个简单的表单,其中包含一些必填字段.

<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>
Run Code Online (Sandbox Code Playgroud)

我知道您可以使用设置所需的属性document.forms['form']['name'].required = false.但有没有办法可以检查是否设置了必需的属性?我试过使用getattribute()但它只是返回空白.我也尝试使用下面的代码,但它总是执行语句,即使未设置所需的属性(例如在电话字段中).

 if( document.forms['form']['name'].required = true)
     label.innerHTML += " (required)"
Run Code Online (Sandbox Code Playgroud)

有谁知道我可以这样做的方式?

更新:两者都将if语句设置为==而不是=使用hasAttribute工作,谢谢.

sup*_*per 17

试试这个 :

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

if(elem.hasAttribute('required')){
//do your stuff
}
Run Code Online (Sandbox Code Playgroud)