javascript 如何检查页面中的所有输入是否为空

vhmi4jdf 于 2023-08-02 发布在 Java

关注(0)|答案(1)|浏览(108)

目前我的页面上有6个输入。如果它们都不为空，则应设置inputsCheckState = true。
但实际情况是，如果只有一个输入不为空，我的代码将设置inputsCheckState = true。
如何修复此bug？
这是我目前的代码：

inputs.forEach(e => {
            if (e.required && e.value.length === 0) {
                console.log(e.value.length)
                if (message === null) {
                    doneMessage('../../../../assets/images/alarm.svg', 'برجاء ملئ جميع الحقول المطلوبه', '', 'حسناً')
                    inputsCheckState = false
                }
            } else if (e.required && e.value.length !== 0) {
                inputsCheckState = true
            }
        });

字符串

JavaScript

来源：https://stackoverflow.com/questions/76797872/how-to-check-if-all-inputs-in-page-not-empty

1条答案

按热度按时间

64jmpszr1#

您可以将inputs节点列表强制转换为数组，以便可以使用every数组方法。
every()方法测试数组中的所有元素是否都通过了所提供函数实现的测试。它返回一个布尔值。

const inputs = document.querySelectorAll('input');
const button = document.querySelector('button');
button.addEventListener('click', handleClick);

function doneMessage(msg) {
  console.log(msg);
}

function handleClick() {

  const inputsCheckState = [...inputs].every(input => {
    return input.required && input.value.length;
  });

  if (!inputsCheckState) {
    doneMessage('Input(s) not complete');
  } else {
    console.log('Inputs complete');
  }

}

个字符

赞(0）回复(0）举报 2023-08-02

我来回答

javascript 如何检查页面中的所有输入是否为空

1条答案

相关问题

热门标签

最新问答