javascript - 当电子邮件和电话具有相同的文本框时如何验证和处理输入

Question

我正在寻找一种方法来处理以下用例。用户可以输入电话号码或电子邮件地址，以便在 ionic 应用程序中获取密码重置 token 。我无法将 UI 更改为具有两个字段，因为 BA 不会接受它。以下屏幕截图显示了模拟 UI:

问题:1.由于只有一个输入字段，如何验证用户是否输入了电话号码或电子邮件地址？是否有明确的正则表达式？

由于只有一个输入但有两种不同类型的数据，如何决定模型？我应该只有一个字符串类型的模型(字段)并在 UI 验证后对两者使用相同的模型(字段)还是应该使用两个不同的领域作为这种情况的模型？

另一个挑战是在输入有效的电子邮件地址或电话号码后启用提交按钮。电话号码可以是国际类型。

Answer 1

尝试这样

var input = "your angular model input";
    var emailReg = /^([w-.]+@([w-]+.)+[w-]{2,4})?$/;
if(emailReg.test(input))
{
    $emailModel = input;
} else {
  var mobileRegex = /[0-9 -()+]+$/;
  if((input.length > 6) && (intRegex.test(input)))
  {
    $mobileModel = input; 
  }
}