使用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,则输出"页面上的输入域数量不正确"。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云