PATTERN. ¿quién los entiende?

129 views
Skip to first unread message

Txusmt

unread,
Oct 10, 2013, 7:51:58 AM10/10/13
to ide...@googlegroups.com
Hola,
Estoy con el pattern de la contraseña del ejercicio en HTML5 de la tercera semana. ¿alguien sabe cómo se construyen los patterns? No lo entiendo. He encontrado una página web, html5pattern.com que hay una lista de patterns "habituales" pero yo quiero saber las reglas para construirlos por mi cuenta, pero parece muy complicado, me pierdo entre /S, $, |, [, { y demás signos. He buscado en html5rocks pero no encuentro las reglas que busco.

¡Ayuda por favor!

Gracias.

Dani Sánchez

unread,
Oct 10, 2013, 8:34:58 AM10/10/13
to ide...@googlegroups.com
Hola Txusmt.


Yo he deducido los que tenía que utilizar para la práctica, probando cosas y viendo código de formularios reales. A ver si me explico bien:
  • los caracteres usables van encerrados entre [] sin separarlos de ninguna manera por ejemplo si quieres permitir numeros, símbolo de euro y almohadilla, lo puedes escribir así [0-9€#] o [0-9 € #]
  • la cantidad de carácteres a usar se especifica por un par mínimo-máximo, encerrado entre {}. si quieres de 3 a 8 caracteres debes escribir {3,8}
  • si no queremos especificar una cantidad máxima, dejaremos libre la parte del máximo. si quiere mas de 3 caracteres, sin límite debes escribir {3,}

Un ejemplo, quieres permitir solo letras, tanto mayúsculas como minúsculas, números, euro, almohadilla y guion bajo; y quieres que sea de almenos 8 caracteres, que podria ser el caso de un password.

el atributo seria:             pattern="[a-z A-Z 0-9 € # _] {8,}"


Espero que esto te haya ayudado. De todos modos buscaré unas reglas por ahí, por si hay más cosas de las que he ido deduciendo.


Saludos


Ivan Orpí

unread,
Oct 10, 2013, 12:08:27 PM10/10/13
to ide...@googlegroups.com
Yo me he basado en algunos links como:

Busca mejor por "regular expression" en lugar de "html5 pattern"; salen links de mejor calidad.

Saludos!

Dani Sánchez

unread,
Oct 10, 2013, 12:16:57 PM10/10/13
to ide...@googlegroups.com
Gracias.

Yo he encontrado esto

http://www.regular-expressions.info/examples.html

son ejemplos, así que igual no ayuda a entender la gramática (buff!), pero sirve para "cortar curvas" cuando haya que utilizar el atributo pattern.

Un saludo

iDESWEB UA

unread,
Oct 10, 2013, 1:40:09 PM10/10/13
to ide...@googlegroups.com
Hola Txusmt.
 
Ya se complica el curso... y sólo vamos por la tercera semana.
 
El atributo pattern es una de las novedades de HTML5. Es muy potente, pero también difícil de usar.
 
En concreto, el valor de este atributo tiene que ser una expresión regular. El uso de las expresiones regulares se explica más adelante en el curso, en los temas de JavaScript y PHP. Aquí tienes algunos de los vídeos:
Un saludo.

Luis Martínez

unread,
Oct 13, 2013, 9:13:39 AM10/13/13
to ide...@googlegroups.com
buen apunte
Reply all
Reply to author
Forward
0 new messages