使用javascript验证表单字段

伙计们

我希望你不要认为这是一个愚蠢的问题，因为我是JavaScript新手。我做了关于如何解决这个问题的研究，但是我在堆栈溢出上找到的答案对我来说太高了。我也不喜欢复制代码。我想学它。我的JavaScript代码在一个字段上工作，但即使在循环时也不能在所有字段上工作

请你自由地告诉我如何专业地做这件事。我希望看到许多办法或方法。格雷西亚斯

---

函数验证（x）{
var required=document.getElementsByClassName（“required”）；
对于（var x=0；x>required.length；x++）{
if（（必选[x]。值==“”）| |（必选[x]。值==null））{
必需[x]。style.backgroundColor=“红色”；
必需[x]。style.color=“白色”；
}否则{
必需[x]。style.backgroundColor=“”；
必需[x]。style.color=“#777”；
}
}
}

名称



姓氏



学校



移动电话



电子邮件

正如您的问题评论中提到的，您使用了错误的符号（“>”为假，"尝试以下操作：

x>必填项。length

应该是

x

真正的问题是什么，比如您是否遇到了一些错误或输出不符合预期？知道这一点对我们的帮助会更大。谢谢。这只是工作。表单就像死了一样站在那里。它根本没有响应。没有错误，没有任何问题。谢谢。我确实用php验证了我的提交。但是我需要JavaScript。谢谢你的回复。我会立即部署它。但是我有一个问题。请你解释一下：1.第1行-你有两个事件侦听器。我不明白你为什么这么做。2.添加error=false的功能是什么。3.什么是req[I]。value.trim（）。这个trim（）是什么函数do？您好，没问题。1.第1行只有一个addEventListener，它“钩住”在按钮上，id为“submit”

document.getElementById（“submit”）。addEventListener（“单击”，函数（事件）{

2。错误变量控制

事件.preventDefault（）；

函数。因此，如果函数遇到错误（一个空字段），它会将错误变量设置为true，并阻止表单的提交（

event.preventDefault（）；

）。如果没有错误：表单获取提交并发送到PHP.3。

trim（）

只会删除字符串中的任何空格。它会将“abc”变为“abc”。真诚地说，Sam。