AngularJS:メールのバリデートチェック

goto_jp 623views 更新:2014年4月28日

サンプルはこちら。
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形式のフィールドの場合、特にプロパティの追加なしでメールアドレスとしてのバリデートチェックを行うことができます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません