如何编写一个js脚本，使数据从表单导入无错误

Question

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

Answer 1

这对我很有效

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;
};  
});

Answer 2

您可以使用HTML5验证查看链接了解更多信息

您可以将required等属性添加到html中。这还允许您在输入无效时设置自定义错误消息
在JS中，您可以检查if($form.valid)

您可以使用jQuery禁用提交按钮，直到其生效。