如何在輸入上接受超過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}」