验证在angularjs中无法正常工作

时间:2018-03-27 11:02:37

标签: angularjs

我创建了一个带验证的登录页面。我使用Routes进行页面导航。起初我有从索引页面到登录页面的重定向。(即,index->登录)然后我的验证工作完全正常。 最近我添加了一个新的主页。所以,我先装载这个页面(即 index - > home - >登录)。此页面包含登录页面的链接。 现在的问题是我的验证工作不正常。错误消息显示在页面加载本身上。

以下是代码:

<div class='form-fields'>
      <input type='email' name='mail_name' ng-model='mail' ng-pattern="emailFormat" required />
      <span class="error" ng-show="login.mail_name.$error.pattern">Not valid email!</span>
</div>
<div class='form-fields'>
     <input class='input-fields' type='password' name='pwd_name' ng-model='password' ng-pattern='passwordFormat' required />
     <span class="error" ng-show="login.pwd_name.$error.pattern">Passowrd Error Message</span>
</div>

Js档案:

$scope.mail = '';
$scope.emailFormat = /^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/;
$scope.password = '';
$scope.passwordFormat = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/;

我在哪里错了?

0 个答案:

没有答案