Cómo permitir que sólo los alfabetos en el campo de entrada en JavaScript?

A veces queremos que los datos sean en formato específico, como el nombre class que debe estar en sólo alfabetos. En este artículo, vamos a aprender cómo permitir sólo alfabetos en el campo de entrada en JavaScript ?

Muchas veces requieren de entrada de usuario, for ejemplo en el llenado de la información de perfil o la reserva de billetes, pero en general los datos no se filtra. A veces queremos que los datos sean en formato específico, como el nombre for que debe estar en sólo alfabetos.

Para hacer frente a este tipo de situaciones, JavaScript nos proporciona la capacidad de manejar la situación. Uso de los eventos de JavaScript que contiene los datos tales como el movimiento del ratón, o la entrada de caracteres desde el teclado. En este artículo, vamos a aprender cómo permitir que sólo los alfabetos en el campo de entrada en JavaScript ?

Aquí está el código HTML simple que nos pone el marcado de la página web,

<form action="/data.php" method="get">
<input type="text" name="fullName">
<input type="submit" value="submit">
</form>

En este documento HTML, se crea un elemento de formulario que envía los datos al back-end a través de Get método. Dentro de esta forma, tenemos 2 elementos, uno de entrada y otro for para enviar los datos. Estos son el marcado básico. Para que funcione, tenemos que aplicar JavaScript en línea que comprobará mientras se escribe.

El onkeypress atributo es un atributo de evento de JavaScript que ejecuta lo siguiente pedazo de código cada vez que un usuario pulse la tecla de su teclado. Dentro de esta función, se comprueba si el código de caracteres de las mentiras de introducción de caracteres entre los códigos de caracteres ASCII estándar for alfabetos.

class referencia, la capital A-Z empezar desde 65 y termina en 90 y se inicia pequeñas a-z de 97 y termina en 122 . Aquí está el código de for permitiendo sólo alfabetos en pulsar una tecla.

Código

<input type="text" name="fullName" onkeypress="return (event.charCode > 64 && 
event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" >

Aquí simplemente cheque, utilizando la propiedad charCode que devuelve el código ASCII del carácter de entrada. Si se encuentra entre el capital y el rango pequeño rango, la función For verdad y el carácter no será permitido de otra manera. El objeto del evento es el evento de pulsación de tecla que contiene el carácter introducido desde el teclado.

HTML con JavaScript

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Javascript Demo</title>
</head>
<body>
<form action="/data.php" method="get">
<input type="text" name="fullName" onkeypress="return (event.charCode > 64 &&
event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)"
placeholder="Full Name">
<input type="submit">
</form>
</body>
</html>

salida

How to allow only alphabets in input field in JavaScript? - 4

Prueba la demo,

DEMO

Esperanza usted tiene gusto del artículo. Comparte tu opinión en los comentarios a continuación.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *