如何使用HTML5驗證HTML輸入字段

Question

我必須驗證輸入文本字段是否爲電話號碼字段。要做到這一點，我將使用HTML5驗證。

我已經寫這樣的代碼：

<input maxlength="8" type="text" name="phone" required /> 

我用需要來驗證這種形式。 但是如何驗證這個 只能輸入數字和8位數字。

Answer 1

<input maxlength="8" pattern="\d{8}" type="tel" name="phone" required /> 

Answer 2

您可以設置Type =「tel」，但這不會驗證所有內容。您可以使用正則表達式的模式屬性。

的輸入圖案support：

模式支持火狐4+ &鉻5+ &歌劇9.6+ & MSIE 10+

例如：

<input type="tel" pattern="[0-9]*([-]?[0-9]+)*" > 

對於8個diggets你可以使用maxlength =「8」

Answer 3

使用模式。

<input type="text" pattern="\d{8}" /> 

\d是一個數字的正則表達式。