javascript - 如何在表单验证中一次测试所有输入，防止默认提交并以最佳方式在输入上添加类

Question

我正在寻找同时测试所有输入的最佳方法，防止表单提交并在每个输入上显示我的边框颜色：红色。任何帮助，将不胜感激。

btn.addEventListener('click', () => {
    if (title.value.length == 0) {
        title.classList.add('notValid');
        e.preventDefault();
    }
    if (author.value.length == 0) {
        author.classList.add('notValid');
        e.preventDefault();
    }
    if (pages.value.length == 0) {
        pages.classList.add('notValid');
        e.preventDefault();
    }
});

标签： javascripthtml