Tasten im HTML-Textfeld deaktivieren

Question

Ich habe diesen Code für meine form.

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

So möchte einige Tasten in diesem Eingang als V, C, eine beliebige Taste deaktivieren.

Es ist möglich?

Answer 1

können Sie auf keydown Ereignis hören und verhindern input wenn Ihr Schlüssel verboten ist:

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

Es ist nur ein Beispielcode, diese Schlüssel zu verhindern. Sie können verwenden, wie Sie es brauchen.

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

Ja, es ist möglich. Sie können Schlüssel im Eingabe-Tag deaktivieren. Probieren Sie den angegebenen Code aus.

86 ist der Code für V. Auf diese Weise können Sie Keys auf Ihrem Eingang deaktivieren. Folgen Sie dem unten angegebenen Link, um auch die Codes für andere Schlüssel zu überprüfen.

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

Answer 4

Wenn Sie HTML5 verwenden, können Sie das verwenden pattern Attribut Diese enthält einen regulären Ausdruck mit den Regeln, die Sie wollen.

Mein Beispiel nicht verwendet JavaScript, aber kann Ihr Problem

Wie dieses Beispiel lösen:

<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> 

Dies akzeptiert nur einen drei Buchstaben bestehenden Ländercode