2013-06-02 52 views
7

我有一個名爲Fleet no的輸入字段。HTML 5 - 數字正則表達式

我想驗證它使用HTML 5只允許輸入的數字最大5位長度。

我設法只輸入數字,但它只接受1位數字。

我不能超過1位數。這就是我試圖做的:

<div> 
    <label for="element_1">Fleet Number </label> 
    <input id="element_1" name="element_1" type="text" maxlength="255" 
    value="" required placeholder="Enter Digits only" pattern = "[0-9]" 
    title='Fleet No. must contain digits only'/> 
</div> 

回答

10

使用[0-9]{1,5}

{1,5}方法重複前面的部分1,2,3,...,5倍。

+0

確定我會嘗試很多這 – munue

+0

嘿感謝,這完美! – munue

11

這是最明確的方式

<input type="text" pattern="\d{1,5}" title="Only digits" /> 
+1

'*'表示零次或多次,它不符合問題中所述的2個必要規則:至少1和小於6 –