Angular js电子邮件表格验证

时间:2014-05-05 07:17:33

标签: angularjs

我在角度js ... http://plnkr.co/edit/L0mbRw?p=preview中搜索电子邮件验证时遇到了这个问题。现在这里使用的电子邮件验证按照我想要的方式工作,但是当我复制代码并在这里创建一个新的插件时...... http://plnkr.co/edit/hbo0GcRx9F7t2CkjBS3n?p=preview验证停止工作。我检查一切都是一样但不是以同样的方式工作。

1 个答案:

答案 0 :(得分:0)

它的工作很好,即使我创建了一个JSFiddle,它的工作也很好,

看看这个

<强> Working Demo

enter image description here

<强> HTML

<body ng-app='validationApp'  ng-controller='mainController'>
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate="">
      <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$pristine }">
        <label>Email</label>
        <input type="email" name="email" class="form-control" ng-model="user.email" />
          <p ng-show="userForm.email.$invalid && !userForm.email.$pristine" class="help-block">Enter a valid email.</p>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>
  </body>

<强>脚本

var validationApp = angular.module('validationApp', []);

validationApp.controller('mainController', function($scope) {
});