僅允許文本框中僅包含特定字母的數字

Question

我有一個 html 文本框，我想允許用戶只輸入以下范圍

0-9 和 NA

有兩種情況
1：用戶輸入范圍0-9個數字和
2：用戶只輸入NA（NA表示不適用）

我怎么能允許用戶這樣做

我嘗試以下代碼但它不起作用

<input type = "number" autocomplete="off" class = "form-control"  name="Personal_Weapons_Price" id = "Personal_Weapons_Price"   required  onkeyup="this.value = this.value.toUpperCase();" pattern="[^0-9NA]+" />

Answer 1

您可以采用以下模式，它查找一個或多個數字或NA 。

^(\d+|NA)$

Answer 2

添加這種方式oninput="this.value = this.value.toUpperCase().replace(/[^NA0-9]/, '')"

 <input type="text" oninput="this.value = this.value.toUpperCase().replace(/[^NA0-9]/, '')" />

Answer 3

正確的模式是

pattern="^(\d+|NA)$"

如果您還想匹配na （因此您可以刪除onkeyup偵聽器）：

pattern="^(\d+|NA|na)$"

編輯：如果你想寫“NA”，你應該將type屬性類型從number更改為text 。

<input 
    type="text" 
    autocomplete="off" 
    class="form-control" 
    name="Personal_Weapons_Price" 
    id="Personal_Weapons_Price" 
    required 
    pattern="^(\d+|NA|na)$" 
/>