HTMLテキストボックスのキーを無効にする

Question

私はformのためにこのコードを持っています。

<tr> 
      <td>Nombre:</td> 
      <td><input type="text" name="company" autofocus id="company"/></td> 
</tr> 

この入力の一部のキーをV、C、任意のキーとして無効にしたいとします。

可能でしょうか？

Answer 1

あなたは​​イベントに耳を傾け、あなたの鍵が禁止されている場合inputを防ぐことができます。

const i = document.getElementById('company'); 
 

 
i.addEventListener('keydown', function(e) { 
 
    if (['C', 'V'].includes(e.key)) { 
 
    e.preventDefault(); 
 
    } 
 
})

<input type="text" name="company" autofocus id="company"/>

Answer 2

これらのキーを防止するだけのサンプルコードです。あなたはそれをあなたの必要とするかもしれません。

document.onkeydown = function(e) { 
     if (e.keyCode === 67||e.keyCode === 86) { //C, V will be disabled. 
      e.preventDefault(); 
      alert('not allowed'); 
     } 
     return false; 
} 

Answer 3

はい可能です。入力タグのキーを無効にすることができます。所定のコードの下で試してみてください。

<input type="text" onkeydown="return (event.keyCode!=86);"/> 

86は、Vのコードです。この方法で入力のキーを無効にすることができます。他のキーのコードもチェックしてください。

https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

Answer 4

あなたはHTML5を使用するときは、これはあなたがしたいルールに正規表現が含まれていpattern属性 を使用することができます。

私の例ではJavaScriptを使用していませんが、この例のように、あなたの問題

を解決することができます：

<form action="/action_page.php"> 
    Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"> 
    <input type="submit"> 
</form> 

これはわずか3文字の国コード