### [Cómo restringir números en un campo de formulario de texto de una sola línea](https://wpforms.com/developers/how-to-restrict-numbers-in-a-single-line-text-form-field/) **Publicado:** 23 de julio de 2020 **Autor:** Umair Majeed **Extracto:** Este tutorial te guiará a través de los pasos necesarios para restringir la entrada de números en un campo de formulario de texto de una sola línea. **Contenido:** ¿Te gustaría evitar que los usuarios introduzcan números en tus campos de texto de una sola línea? Si bien puedes usar máscaras de entrada para restringir los campos solo a caracteres alfabéticos, esta guía te mostrará cómo crear una solución más flexible que permita letras mayúsculas y minúsculas mientras bloquea los números. En este tutorial, te mostraremos el fragmento de código necesario para restringir números en estos campos. ## Configuración del formulario Primero, crea un nuevo formulario y agrega un campo de **Texto de una sola línea** que desees restringir. Para nuestro ejemplo, lo usaremos como campo de Nombre de usuario. Si necesitas ayuda para crear un formulario, consulta nuestra [guía sobre cómo crear tu primer formulario](https://wpforms.com/docs/creating-first-form/). Toma nota del ID de tu formulario y del ID de campo, ya que los necesitarás para el código. Si no estás seguro de cómo encontrar estos IDs, revisa nuestra guía sobre [cómo encontrar IDs de formularios y campos](https://wpforms.com/how-to-track-user-locations-with-wordpress-form-submissions/). ## Añadir el código de validación Este código evitará el envío del formulario si se detectan números en el campo. Si necesitas ayuda para agregar código a tu sitio, consulta nuestra guía sobre [cómo agregar código personalizado a un sitio de WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). Reemplaza los siguientes valores en el código PHP: - En la **línea 11**: Reemplaza **1000** con el ID de tu formulario - En la **línea 17**: Reemplaza **25** con el ID de tu campo - En la **línea 22**: Reemplaza **25** con el ID de tu campo nuevamente Si el campo **Nombre de usuario** contiene algún número al enviar el formulario, aparecerá un mensaje de error y el formulario no se enviará. ## Opción de validación en tiempo real Si prefieres evitar que los usuarios introduzcan números antes del envío del formulario, puedes implementar la validación en tiempo real. Aquí te mostramos cómo: Para empezar, edita el formulario y, con el campo **Texto de una sola línea** seleccionado, haz clic en la pestaña **Avanzado** en **Opciones del campo** y agrega **no-numbers** al campo **Clases CSS**. Luego, agrega este código JavaScript a tu sitio: Una vez agregado el fragmento, aparecerá un mensaje de error inmediato alertando al visitante sobre el error de validación cuando salga del campo al tabular o hacer clic. ## Acción de referencia [wpforms\_process](https://wpforms.com/developers/wpforms_process/ "Usando la acción wpforms_process") ¿También deseas evitar que se introduzcan caracteres especiales en un campo de formulario de **Texto de una sola línea**? Consulta el tutorial sobre [Cómo restringir caracteres especiales de un campo de formulario](https://wpforms.com/developers/how-to-restrict-special-characters-from-a-form-field/ "Cómo restringir caracteres especiales de un campo de formulario"). **Categorías:** Campos **Etiquetas:** Javascript, jQuery, JS, PHP ---