HTML 文本输入值不应该为空

Question

Answer 1

document.querySelectorAll('.id');

'.id' 是一个类选择器。您的输入类别是'inlet1'。（并且您需要使用“开始于”选择器）

尝试

document.querySelectorAll('id^='root');

Answer 2

您的输入组件是无效的 HTML 以及无效的 JavaScript。

<input type="text" id="root'+ a +'" class="inlet1" />

这段代码将使输入ID像这样：

root'+ a +' // as a string

由于这是 HTML，而不是 JSX，因此您无法将 JavaScript 代码直接传递到 HTML 元素属性中。在 JSX 中，你可以这样做：

<input type="text" id={"root" + a} class="inlet1" />

但是由于您使用的是 HTML，因此您必须使用 JavaScript 分配动态 ID 属性。

这是一个例子：

var inputs = document.querySelectorAll('input')
inputs.forEach((input, i)=> {
  input.id = "root" + i
})

基本上，循环遍历所有输入字段，并按顺序分配它们的 ID 属性。