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

How to get HTML-INPUT-EMAIL using AngularJS?

本文关键字：HTML-INPUT-EMAIL 获取 AngularJS 何使用      更新时间：2023-09-26

我有输入：

<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

如何解决这个问题？

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

每个域名由两部分组成

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

二级域 -。二级域名是位于点左侧的域名。步骤使您自己的网站是二级域名和代表互联网背后的组织或实体。第二Level域名必须在互联网公司注册名称与数字地址分配机构（ICANN）-注册登记机构。

为什么第一封电子邮件无效

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

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

为什么第二封电子邮件无效

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

您可以将ngPattern指令组合到pattern:来验证电子邮件输入

<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}$"
   >
相关文章：