如何限制用戶在類型為文本的輸入字段中輸入數字？

Question

如何禁止用戶在輸入字段中輸入數字。 當我們使用類型作為數字時，我們被限制在輸入中輸入文本。同樣的方式如何實現反之亦然。 有人幫助我需要這個來完成我的任務。

<input type="text" name="name" />

Answer 1

您可以收聽keydown ，如果按下的鍵是數字，只需在鍵盤事件上調用event.preventDefault()即可。

 const input = document.querySelector('input'); input.addEventListener('keydown', function(event){ if((/\d/g).test(event.key)) event.preventDefault(); })

 <input type="text" />

Answer 2

您可以將input事件偵聽器添加到獲取輸入值的輸入，替換每個數字字符（使用String.replace ），然后將結果分配回輸入值：

 const input = document.querySelector('input'); input.addEventListener('input', function(){ this.value = this.value.replace(/[^\D]/g,'') })

 <input type="text" name="name" />

Answer 3

您可以使用 1 行 function 在正則表達式的幫助下防止input中的任何數字

但是不推薦使用inline function，這里提供只是說一下不同的做法

請參閱此處以了解有關正則表達式的更多信息

 <input type="text" name="name" oninput=" this.value = this.value.replace(/[0-9]/g,'')" />

Answer 4

嘗試將pattern與正則表達式一起使用：

 <input type="text" name="name" pattern="\D" />

\D將拒絕所有數字