angularjs-ng-pattern - 使用 angularjs 在单个输入框中验证电子邮件和手机号码

Question

如何在单个输入框中验证 emailid 和 mobile no AngulaJS？

我正在尝试在同一个输入框中验证电子邮件和手机号码。它单独工作正常，但对于电子邮件和移动它都不起作用。

Answer 1

如果您希望使用 AngularJS 验证输入（如果这是唯一的检查，则不是最安全的方法，建议在 PHP/后端/服务器端进行第二次检查）。

您可以使用正则表达式来过滤电子邮件和电话号码。你可能想看看ng-pattern

AngularJS 官方文档页面

电子邮件和 AngularJS：https ://docs.angularjs.org/api/ng/input/input%5Bemail%5D 示例：https ://jsfiddle.net/txtuz2xn/4/

电话号码因国家而异。由您决定您希望您的正则表达式如何运行。

如果您想要 1 个输入来检查电话或电子邮件，您可以设置$scope.regex1 = ...并$scope.regex2 = ...在 regex1 失败时检查 regex2。