电子邮件或电话号码的模式

时间:2018-06-10 11:20:08

标签: html regex html5

我在电话号码或电子邮件的模式中有正则表达式的问题

代码:

<input class="form__input" type="text" name="phone-or-email" placeholder="Telephone or email" pattern="^[0-9]{9}$ || [A-Za-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}" title="Telephone or email" required="required">

模式:

pattern="^[0-9]{9} || [A-Za-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$

电话正则表达式:^[0-9]{9,12}$ - 这对我来说已经足够了

电子邮件正则表达式:

[A-Za-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}

我可以通过电子邮件发送正则表达式

以上代码不起作用:(

我想要一个输入和一个电话号码和电子邮件地址模式

1 个答案:

答案 0 :(得分:2)

尝试:

pattern="^([0-9]{9})|([A-Za-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3})$"

使用正则表达式,您可以使用单个“|”代表OR。我还在括号之间放置了电话模式和电子邮件模式,因此它会接受电话模式或电子邮件。