AngularJs电子邮件验证错误[重复]答案

【问题标题】：AngularJs email validation error [duplicate]AngularJs电子邮件验证错误[重复]
【发布时间】：2023-03-28 10:55:02
【问题描述】：

我有两个电子邮件地址

example@gmail.com

和

example@somevalue

当我使用 AngularJs 验证时，两个电子邮件地址都有效

<input type="email" ng-model="application.email_id" placeholder="Enter Your Email">

如果地址错误，我需要将 example@somevalue 邮件地址设为 false。

This 是 AngularJs 电子邮件验证的教程部分：当我输入上述电子邮件地址时验证为真。

【问题讨论】：

标签： angularjs

【解决方案1】：

使用 ng-pattern="" 和您的自定义模式来验证电子邮件。在您的控制器中：

$scope.pattern = /.+\@.+\..+/;

在您的 HTML 中：

<input type="email" name="input" ng-model="email.text" ng-pattern="pattern" required>

请参阅plunker（使用 ng-pattern 扩展的角度文档中的示例）

【讨论】：