サンプルはこちら。
http://codepen.io/KazuyoshiGoto/pen/LAxmt
HTML
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> <body ng-app> <div ng-controller="mainCtrl"> <form novalidate name="myForm" ng-submit="submitForm()"> <input type="email" name="email" ng-model="user.email" placeholder="email" /> <span ng-show="myForm.email.$error.email">正しい形式で記入してください。</span> </form> <pre>{{user|json}}</pre> </div> </body>
前回も幾つかのバリデートパターンを紹介しましたが、email形式のフィールドの場合、特にプロパティの追加なしでメールアドレスとしてのバリデートチェックを行うことができます。