0

¿Las expresiones regulares todavía no se implementan bien en el navegador? En que fallo: codepen

<form method="GET" name="formu" id="formu">
   <p>
   <input type="text" name="nombre" pattern="[A-Za-z]" required>
   </p>
   <button type="submit">Enviar</button>
</form>

5
  • ¿Qué deseas controlar con tu expresión regular? ¿Quieres permitir el ingreso de varias letras minúsculas? ¿Podrías agregar a tu pregunta ejemplos de entradas que deberían ser consideradas por la expresión regular como válidas y otros ejemplos de entradas no válidas?
    – spuente
    el 16 sep. 2017 a las 0:46
  • es que no funcionan, no importa el patron el 16 sep. 2017 a las 2:18
  • 2
    Abrí el link de codepen que agregaste en la pregunta y me funciona bien en Chrome v60. En tu ejemplo estás validando el patrón de que el usuario ingrese 1 sola letra minúscula y de click en enviar, caso contrario se muestra un error indicando que el formato del texto es incorrecto.
    – spuente
    el 16 sep. 2017 a las 4:44
  • 1
    Tal cual lo que comenta spuente, probablemente el error sea que tu patrón no se ajusta a lo que estás buscando. Además, recordá que el atributo pattern fue implementado en HTML5, por lo que depende en qué navegador estás probando... Estás mencionando que "falla", pero no estás describiendo cómo es que falla. Esta pregunta no puede comprenderse bien hasta que aclares (1) navegador y versión, (2) qué patrón estás intentando, y (3) qué textos deberían ser considerados válidos y cuáles inválidos.
    – Mariano
    el 16 sep. 2017 a las 5:10
  • Solo quiero que se ingresen palabras no números, solo que no funciona ni chrome ni en firefox. el 16 sep. 2017 a las 14:18

1 respuesta 1

3

Intenta añadir el símbolo +, es decir, indica al campo de entrada que acepte uno o más de los caracteres que has enumerado en la clase de caracteres [].

El patrón quedaría así: [A-Za-z]+

Ejemplo:

<form method="GET" name="formu" id="formu">
  <p>
    <input type="text" name="nombre" pattern="[A-Za-z]+" title="Solo admite letras A-Z y a-z" required>
  </p>
  <button type="submit">Enviar</button>
</form>

Fuente SO.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.