带角度的电子邮件检查

Question

我正在使用angularjs来验证jsp页面中的电子邮件输入。

<p>Email:</p> 
<input type="email" name="email1" ng-model="email1" required/> 
<div class="custom-error" ng-show="loginForm.email1.$dirty && loginForm.email1.$invalid">Invalid: 
<span ng-show="loginForm.email1.$error.required">Email is required.</span> 
<span ng-show="loginForm.email1.$error.email">Please, write a valid email address.</span> 
</div> 

这个代码的功能，但是当我把邮件。它没有，.COM一样ciccio.mario@gmail不捕获错误。我该如何解决这个错误？

Answer 1

可以使用NG-模式自定义验证

var app = angular.module("app", []); 
 

 

 
function MainCtrl() {} 
 

 

 

 

 

 
angular.module("app").controller("MainCtrl", MainCtrl);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app"> 
 
    <div ng-controller="MainCtrl"> 
 

 
    <form name="loginForm"> 
 
     <input type="email" name="email1" ng-model="email1" required ng-pattern="/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/" required /> 
 
     <div class="custom-error" ng-show="loginForm.email1.$dirty && loginForm.email1.$invalid">Invalid: 
 
     <span ng-show="loginForm.email1.$error.pattern">Not a valid email!</span> 
 
     <span ng-show="loginForm.email1.$error.required">This field is required!</span> 
 
     </div> 
 
    </form> 
 
    </div> 
 

 
</div>