JavaScript选择带有＆＃39;必需＆＃39;的元素属性

Question

我有一个包含多个输入的表单，我需要选择具有“required”属性的所有元素。我怎样才能做到这一点？我尝试使用以下代码，但它不起作用。

var theForm = document.getElementById('form');
var requiredElements = theform.elements.required;

如何使用.querySelectorAll（）来选择它们？表格样本如下所示。非常感谢。

<form id="form">
 <label for="zip">* Zip Code:</label>
 <input maxlength="10" type="text" name="zip" id="zip">

 <label for="email">* Email:</label>
 <input maxlength="256" type="text" name="email" id="email" required>

 <label for="city">* City:</label>
 <input maxlength="45" type="text" name="city" id="city" required>
</form>

Answer 1

你可以这样做：

var form = document.querySelector('#form');
var requiredElements = form.querySelectorAll('[required]')

Answer 2

您可以使用querySelectorAll，它返回匹配元素的节点集（如果有）。

theForm.querySelectorAll('*[required]');