如何在输入上接受超过1个HTML5模式？

Question

我正在写一份表格，我必须得到本书的ISB号码。 ISBN号码可以是9或13位数字，我想用HTML5模式检查输入，但我必须接受9或13个长号码。

我怎样才能用HTML5写下来？

Answer 1

在pattern属性可以使用正则表达式：

<input type="text" pattern="\d{9}|\d{13}"> 

因此，这是不特定于HTML5，这是基本的正则表达式。 |的意思是替代品。

• The Regex explained
• Demo

Answer 2

模式属性基于正则表达式。 RegEx {}检查字符出现情况（在您的案例9和13中）。

您无法使用一个表达式和一个{}表示法检查两个不同的（非相邻）长度。

您需要编写两个表达式：第一个检查11个字符，第二个检查15个字符。您可以将这两个正则表达式用一些条件链接起来。一些If-else-conditionality存在，但浏览器可能不支持。

实施例：图案= “{9} | {13}”