JavaScript Select Elements with 'required' Attribute

本文关键字：required Attribute Select Elements JavaScript with 更新时间：2023-09-26

我有一个具有多个输入的表单，我需要选择具有"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>

你可以这样做:

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

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

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