Javascript 当用户输入正确的电子邮件或10位数的手机号码时，如何启用该按钮？

当用户输入正确的电子邮件或10位数的手机号码时，如何启用按钮

这是我的密码

我添加了

模式

，它只检查

电子邮件

。但用户也可以输入10位数字

---

我们也可以添加此模式吗？

您可以在模式中添加or语句：（“|”管道符号）

^\w+（[.-]？\w+）@\w+（[.-]？\w+）（.\w{2,3}）+\d{1,10}$

如果管道的任一侧为真，则这将匹配。您可以使用运算符组合多组模式

请尝试以下操作：

pattern=“（\d{10}）|（^\w+（[\.-]？\w+*@\w+）（[\.-]？\w+*（\.\w{2,3}）+$）”/>

工作代码示例：

var input=document.querySelector（“[name=email]”）；
var patt=newregexp（input.getAttribute（'pattern'）；
input.oninput=函数（事件）{
if（参数测试（该值））{
document.querySelector（“#btnSubmit”）.disabled=false；
}
否则{
document.querySelector（“#btnSubmit”）.disabled=true；
}
}

但仅当用户尝试添加号码时才输入10位数字，但如果用户尝试输入

电子邮件

则可以是任何号码，不受限制编辑不正确

在该用户输入字段中，用户将输入
电子邮件
或电话号码，如果用户尝试输入
电话号码
则仅输入
10位
<div class="login_div">
  <form action="">
    <input type="text" name="email"
           autocomplete ="off"
           placeholder="Enter the Email or Number"
           [(ngModel)]="userenterValue"
           required
           pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$">
    <input type="submit" value="Continue" class="btn disbled" disabled="disabled">
  </form>
</div>