如何调用HTML属性'minlength'在JavaScript中

Question

我有以下代码片段：

<div>
<label for="requiredSize">Required Size 5 : </label>
<input type="text" name="requiredSize" id="requiredSize" class="required_size" minlength="5" />
</div>

我正在做一个表单验证练习，我需要有一个基于所需大小的要求。由于minlength在整个表单中都会发生变化，我如何将其调用到要使用的JavaScript文件中？

我尝试过document.querySelector("minlength")将其保存为一个变量，但它没有被识别。

Answer 1

const input = document.querySelector("#requiredSize");
console.log(input.getAttribute('minlength'))

<div>
<label for="requiredSize">Required Size 5 : </label>
<input type="text" name="requiredSize" id="requiredSize" class="required_size" minlength="5" />
</div>