如何使用queryselector验证是否填充了两个输入域？

使用querySelector方法可以通过CSS选择器来获取页面上的元素。要验证是否填充了两个输入域，可以使用querySelectorAll方法来获取所有的输入域，然后判断它们的值是否为空。

以下是一个示例代码：

// 获取所有的输入域
var inputFields = document.querySelectorAll('input');

// 验证是否填充了两个输入域
if (inputFields.length === 2) {
  var isFilled = true;
  
  // 遍历输入域，检查是否为空
  inputFields.forEach(function(input) {
    if (input.value.trim() === '') {
      isFilled = false;
    }
  });
  
  if (isFilled) {
    console.log('两个输入域都已填充');
  } else {
    console.log('两个输入域中有未填充的');
  }
} else {
  console.log('页面上的输入域数量不正确');
}

这段代码首先使用querySelectorAll方法获取所有的input元素，然后判断获取到的元素数量是否为2。如果是2个输入域，就遍历这两个输入域，检查它们的值是否为空。如果都不为空，则输出"两个输入域都已填充"；如果有一个或多个输入域为空，则输出"两个输入域中有未填充的"。如果获取到的元素数量不为2，则输出"页面上的输入域数量不正确"。

腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯区块链（TBaaS）：https://cloud.tencent.com/product/tbaas
• 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse