angularJs 电子邮件验证失败答案

【问题标题】：angularJs email validation failureangularJs 电子邮件验证失败
【发布时间】：2015-02-27 15:06:41
【问题描述】：

角度电子邮件验证对我不起作用，我不允许在电子邮件文本框中输入任何文本。

以下是我的 HTML：

<form name="locationSettingsForm" ng-submit="vm.saveLocationSettings()" class="form">
  <input class="userInput" style="width:40%" type="email" name="email"
   maxlength="50" data-ng-model="vm.location.email" required
   ng-pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/" />
   <label class="validationErrorText" data-ng-show="locationSettingsForm.email.$dirty && locationSettingsForm.email.$error.email">Email is invalid</label>
   <label class="validationErrorText" data-ng-show="locationSettingsForm.email.$dirty && locationSettingsForm.email.$error.required">Email is required</label>
</form>

最初我尝试不使用 ng-patter。我只使用了 type='email'，但在这两种情况下它都不起作用。我无法输入任何文字。

【问题讨论】：

您使用的是哪个版本的 Angular？
v1.3.2。我正在检查 Chrome。

标签： angularjs validation

【解决方案1】：

试试这个模式

ng-pattern="/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,15})$/"

它应该可以工作

【讨论】：

我知道，我是从 Angular 网站关注这个的。但是当我添加 type=email 时，它不允许输入。

【解决方案2】：

你好试试下面的代码....

<input type="email" id="inputEmail" ng-model="email" name="uEmail" placeholder="Email Id" required>
        <div ng-show="form.uEmail.$dirty && form.uEmail.$invalid">Invalid:
  <span ng-show="form.uEmail.$error.required">Tell us your email.</span>
  <span ng-show="form.uEmail.$error.email">This is not a valid email.</span>

【讨论】：