Angularjs:ng-pattern和电子邮件验证

时间:2016-03-11 02:33:34

标签: angularjs

我的电子邮件正则表达式

EMAIL_REGEXP = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

以下代码不起作用,因为ng-pattern认为如此  my regex is : "/^(([^<>()\[\]\\.,;:\s@"因为这是第一次遇到结尾引用的地方“。但我们知道我的正则表达式就是我上面提到的。

 <label>Email Address:</label>

  <input type="email" name="userEmail" ng-model="email"  ng-pattern= "/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/" required />



  <div ng-messages="exampleForm.userEmail.$error">
      <div ng-message="required">This field is required</div>
      <div ng-message="pattern">Must be a valid 10 digit phone number</div>
      <div ng-message="email">Your email address is invalid</div>
    </div>

有解决方法吗?

Thanks,
Srikanth

1 个答案:

答案 0 :(得分:0)

请尝试这种新模式。 我改变了一种模式。

电子邮件地址:

  <input type="email" name="userEmail" ng-model="email"  ng-pattern='/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/' required /> 

  <div ng-messages="exampleForm.userEmail.$error">
      <div ng-message="required">This field is required</div>
      <div ng-message="pattern">Your email address is invalid</div>
  </div>