2017-09-02 104 views
0

我有一個表單,我接受用戶的手機號碼。條件是,我只能接受從7,8或9開始的數字,最大長度應該是10。我使用下面的代碼相同的:限制手機號碼輸入

<input name="wno" id="wno" type="number" placeholder="Whats App No." required="required" minlength="10" maxlength="10" style="border-color:black" pattern = "/(7|8|9)\d{9}/"> 

不過還是雙方的條件時失敗:

1)從7開始,8個,或9 & 2)最大長度應當是10。

請指導我。感謝預期。

回答

0

pattern屬性適用於以下輸入類型:text, date, search, url, tel, email, and password

您的輸入類型爲number,因此該模式被忽略。

將您的輸入類型更改爲texttel,它將按預期工作。

來源:https://www.w3schools.com/tags/att_input_pattern.asp

+0

感謝輸入達倫,它解決了長榮辱與共完美,但現在它不是解決起始位榮辱與共。它不接受從7,8和9開始的數字。我將類型改爲tel。 –

+0

你需要刪除前後斜線 –

+0

噢好吧。再次感謝男士。 –