Javascript:检查类是否因所需字段输入而不是输入而更改

Question

我试图捕获用户是否未正确填写表单并且应用程序向用户显示错误消息。应用程序更改所有必填字段的类属性。

当我在提交上附加单击事件时，我无法收到错误，因为页面会在用户单击提交后刷新。所以我将我的代码放在 settimeout 中，并在几个超时(500、1000、3000 毫秒)下进行测试。我还没有成功，请执行以下操作:

我的 HTML:

<div class="errorMsg"><strong>Error:</strong> You must enter a value</div>

我的 JavaScript:

 setTimeout(
    function() {
        var errors = document.querySelectorAll('[class*="error"]');

        if (errors.length == 0) {
            alert('no errors');
        }

        if (errors.length > 0) {
            alert('errors');
        }
    }, 3000
);

Answer 1

IMO，在这种情况下最好避免默认提交行为，并添加一个监听器来验证单击时的输入，如果一切正确，将调用相应的函数。如果没有，请适当更改类。