如何使用angularjs中的单个输入字段验证电子邮件和手机号码？

Question

现在使用以下代码对我进行电子邮件验证，现在我还想在同一代码中添加手机号码验证，因为用户输入了他的手机号码或电子邮件地址。

register.html

<md-input-container flex md-no-float>
   <input ng-model="vm.form.email" type="text" placeholder="Email or Mobile Number" translate translate-attr-placeholder="REGISTER.EMAIL" name="email" ng-pattern="vm.regex"  required="true">
   <div ng-messages="regForm.email.$error" ng-show="regForm.email.$touched">
     <div ng-message="required">This field is required</div>
     <div ng-message="pattern">Your email address is invalid</div>
   </div>
</md-input-container>

registerController.js

vm.regex = /^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/;

现在我有正式的印度手机号码表达，但我不知道要添加电子邮件正则表达式，我应该在我的HTML中更改。

Answer 1

您可以使用OR (|)声明连接它们。

e.g。 /^(emailPattern|phonePattern)$/