AngularJS - 输入姓名或电子邮件，如何实现？

Question

如何实现输入验证：

如果没有@那么它就是一个名字。 并且至少应为 3 个字符。

如果有@ - 所以它是一个电子邮件。 他必须是一个有效的电子邮件

我正在想办法怎么做，但我找不到

我想显示基于的错误

即：如果没有@ - 错误只会出现最少字符

如果有@ - 错误将是一个有效的电子邮件

Answer 1

<input type="email"
   ng-model="string"
   [name="string"]
   [required="string"]
   [ng-required="string"]
   [ng-minlength="number"]
   [ng-maxlength="number"]
   [pattern="string"]
   [ng-pattern="string"]
   [ng-change="string"]>

 <input name="email" type="email" ng-model="obj.email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/" required>

Answer 2

AngularJs 官方网站上提供了优秀的文档和示例。

检查输入指令并根据需要自定义它们：

<input
  ng-model="string"
  [name="string"]
  [required="string"]
  [ng-required="boolean"]
  [ng-minlength="number"]
  [ng-maxlength="number"]
  [ng-pattern="string"]
  [ng-change="string"]
  [ng-trim="boolean"]>
...
</input>

用于input[email]

<input type="email"
       ng-model="string"
       [name="string"]
       [required="string"]
       [ng-required="string"]
       [ng-minlength="number"]
       [ng-maxlength="number"]
       [pattern="string"]
       [ng-pattern="string"]
       [ng-change="string"]>