restringe un carácter para escribir en un cuadro de texto

Question

cómo podemos restringir un carácter para que escriba en un cuadro de texto.

Answer 1

Si usted tiene el cuadro de texto a continuación, usted tiene que controlar el evento onkeypress

<input type='text' onkeypress='keypresshandler(event)' /> 

Puede utilizar la siguiente función para restringir los usuarios

function keypresshandler(event) 
    { 
     var charCode = event.keyCode; 
     //Non-numeric character range 
     if (charCode > 31 && (charCode < 48 || charCode > 57)) 
     return false; 
    } 

Answer 2

Usted puede hacer esto a través de JavaScript (por lo si javascript está desactivado, no podrá restringirlo)

<input type="text" onkeyup="this.value = this.value.replace(/[^a-z]/, '')" /> 

This wil Lo restrinjo a solo caracteres a-z. Pedido regular expressions para ver lo que puede hacer

Answer 3

function isNumberKey1(evt) 
{ 
     var charCode = (evt.which) ? evt.which : event.keyCode; 
     if (char!=8(charCode < 65 || charCode > 106)) 
     return false; 

     return true; 
} 

Answer 4

Aunque todavía es posible, con HTML5 no hay necesidad real de utilizar una solución basada en JavaScript para este requisito.

<input type="text" name="text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"> restringirá los caracteres permitidos de acuerdo con ese patrón RegExp (en este caso: direcciones de correo electrónico de aspecto válido).

El atributo title se usará como advertencia/notificación cuando el usuario intente enviar los datos que no coincidan con el requisito.

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

Consulte el documentation on HTML input element para obtener más información. No todos los navegadores lo soportan igual de bien (como Safari).

Answer 5

La respuesta de Ben Rowe es de hecho la manera de abordarla. Sin embargo, el personaje aparecerá en el cuadro de texto antes de que se elimine. Usted puede evitar que mediante el uso oninput en lugar de onkeyup:

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