如何使用AngularJS获取HTML-INPUT-EMAIL？

Question

我有以下输入：

<input ng-model="email" type="email" id="form-email" name="email" placeholder="Inter email" maxlength="250">

当我进入这么长时间的托管时：

fax@test.cooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooom

我有：

$scope.email // undefined
document.getElementById("form-email").value //fax@test.cooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooom

但是当我进去的时候

fax@testooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooh.com

我有过

$scope.email // fax@testooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooh.com

如何解决这个问题？

Answer 1

这没有错，第一封邮件是无效的，第二封邮件是有效的，这就是为什么它被接受的原因。

每个域名由两部分组成。

顶级域-顶级域(TLD)是位于点右侧的域名的一部分。最常见的顶级域是.COM、.NET和.ORG。其他一些流行的顶级域是.BIZ、.INFO、.NAME和.IN等。

二级域名-.二级域名是位于点左侧的域名部分。Steps-to-make-your- or website是二级域名，代表互联网背后的组织或实体。二级域名必须向互联网名称与数字地址分配机构(ICANN)-accredited注册商注册。

为什么第一封邮件无效？

• ，因为它不包含有效的顶级域。

以下是互联网顶级域名列表：https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains

为什么第二封邮件是有效的？

• 原因它同时包含有效的顶级域和二级域。

Answer 2

您可以使用组合为pattern的ngPattern指令来验证电子邮件输入：

<input type="email"
   ng-model="email"
   id="form-email"
   placeholder="Inter email" 
   maxlength="250"
   name="myeamail"
   pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,6}$"
   >