Javascript 如何编写js脚本以使从表单导入数据无错误

我已经实现了一个HTML网页，其中有一个表单，现在我想添加一个脚本，以加载用户提供的导入表单输入，并检查是否所有内容都是空白，如果是空白，则给出错误消息，否则继续。我想用Javascript实现这一点。我找不到这样做的方法，我尝试禁用按钮，直到字符串的长度不等于空白的数量，但这似乎没有效率。

您可以使用HTML5验证

您可以向html中添加诸如required之类的属性。这还允许您在输入无效时设置自定义错误消息。 在JS中，您可以检查$form.valid是否有效

您可以使用jQuery禁用submit按钮，直到它也生效。

这对我来说很有效

---

共享您迄今为止尝试过的代码

document.addEventListener('DOMContentLoaded', () => {

    // by default submit button is disabled
    document.querySelector('#submit').disabled = true;

    // Enable button only if there is required text in the input field
    document.querySelector('#id1').onkeyup = () => {
    var my_string = document.querySelector('#id1').value;
    var spaceCount = (my_string.split(" ").length - 1);
    if (document.querySelector('#id1').value.length != spaceCount)
        document.querySelector('#submit').disabled = false;
    else
        document.querySelector('#submit').disabled = true;
    };  
});