HTML 5 - 數字正則表達式

Question

我有一個名為 Fleet no 的輸入字段。

我想使用 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>

Answer 1

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

 <input type="text" pattern="[0-9]{1,5}" />

{1,5}表示重復前面的部分 1, 2, 3, ..., 5 次。

Answer 2

這是最干凈的方式

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

Answer 3

為什么不例如：對number輸入使用min和max參數：

<input type="number" name="element_1" min="0" max="99999">

這僅在數字小於99999時有效，這意味着它小於或等於 5 位。

Answer 4

只需將以下 oninput 表達式添加到您的 HTML 標簽中。 這將允許接受 0 到 9 之間的唯一數字。

這個也限制接受+、-、.(點)。

<input type="text" id="salary" name="salary" maxlength="3" oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" />

'或者'

<input type="text" id="salary" name="salary" maxlength="3" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />

我在其中一個 js 小提琴中找到了這個，它對我有用。

Answer 5

只有 5 位數字：

請參閱： https : //regex101.com/r/pTSwFN/1/

 pattern="[0-9]{5}"