帶角度的電子郵件檢查

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>