📜  JavaScript表单验证

📅  最后修改于: 2020-10-25 03:57:29             🧑  作者: Mango

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: