JavaScript表单验证

验证用户提交的表单很重要，因为它可能具有不合适的值。因此，必须进行验证才能对用户进行身份验证。

JavaScript提供了在客户端验证表单的功能，因此数据处理将比服务器端验证更快。大多数Web开发人员更喜欢JavaScript表单验证。

通过JavaScript，我们可以验证名称，密码，电子邮件，日期，手机号码以及更多字段。

JavaScript表单验证示例

在此示例中，我们将验证名称和密码。名称不能为空，密码不能少于6个字符。

在这里，我们正在验证表单提交中的表单。在给定值正确之前，用户不会被转发到下一页。

Name: 

Password: 

JavaScript重新输入密码验证

Password:

Re-enter Password:

JavaScript号码验证

让我们仅验证文本字段的数字值。在这里，我们使用isNaN()函数。

Number: 

使用图像进行JavaScript验证

让我们看一个交互式JavaScript表单验证示例，该示例在输入正确或不正确时显示正确和不正确的图像。

Enter Name:


Enter Password:

输出：

JavaScript电子邮件验证

我们可以借助JavaScript来验证电子邮件。

验证电子邮件ID需要遵循许多标准，例如：

• 电子邮件ID必须包含@和。字符
• @前后必须至少有一个字符。
• 之后必须至少有两个字符。 (点)。

让我们看一下验证电子邮件字段的简单示例。

Email: