我的表单中有4个输入,并使用querySelectorAll Select 它们.我想判断如果所有输入的值不是空的,我如何才能有效地进行判断?
我所做的:
const inputs = document.querySelectorAll('.input'):
if (inputs[0,1,2,3].value !== '') {
alert('submit');
form.reset();
}
我的表单中有4个输入,并使用querySelectorAll Select 它们.我想判断如果所有输入的值不是空的,我如何才能有效地进行判断?
我所做的:
const inputs = document.querySelectorAll('.input'):
if (inputs[0,1,2,3].value !== '') {
alert('submit');
form.reset();
}
您可以将 node 列表转换为数组,然后使用.every()
:
const allFilled = Array.from(document.querySelectorAll(".input"))
.every(input => input.value !== "");
您的try :inputs[0,1,2,3].value
将不起作用; JavaScript不提供隐含的功能.相反,inputs[0,1,2,3]
最终与inputs[3]
完全相同,因为逗号被解析为"逗号运算符",这是一个表达式分隔符.前三个表达式被求值,但其值被忽略;总体结果仅为3
.