使用 JavaScript 进行表单验证

在向服务器提交数据之前，确保以正确的格式填写所有必需的表单控件非常重要。这称为客户端表单验证，有助于确保提交的数据符合各种表单控件中规定的要求。

HTML 验证
尽管也可以使用 HTML 属性（如required- minlength、、、、、、和）maxlength来完成验证。它的缺点是您无法自定义它以满足您的要求。minmaxtypepattern

什么是表单验证？
您是否曾尝试在他们有特定要求的网站上注册？喜欢：

确保您的密码介于 8 到 30 个字符之间，或确保您的密码由字母、数字和星号混合而成。
或者通过弹出消息（如“请输入有效的电子邮件地址”）确保在电子邮件输入字段中包含 @。
“This field is required”（您不能将此字段留空）
这称为验证。当您在表单网站上输入您的详细信息时，浏览器和/或 Web 服务器将检查数据的格式是否正确以及是否在应用程序设置的限制范围内。

表单验证是在将数据提交给服务器之前验证输入到 HTML 表单中的数据是否准确、完整并符合指定条件的过程。

如果信息格式正确，应用程序允许将数据提交给服务器。如果信息格式不正确，它会向用户显示一条错误消息，说明需要更正的内容。

建立一个表格
让我们构建一个表单网页，以巩固我们对表单验证的理解。

HTML代码

<div class=