HTML - Validar nombre y apellidos con pattern en el mismo input

   
Vista:

Validar nombre y apellidos con pattern en el mismo input

Publicado por Sam (3 intervenciones) el 27/09/2014 19:30:20
Hola buenas a ver si me pueden ayudar:

Tengo un campo input en el cual necesito meter un "nombre", "primer apellido", "segundo apellido".

Y esto tiene que ser validado por html5 con pattern.

Es decir tiene que ser obligatorio meter el nombre y los dos apellidos.


Para ello he puesto esto:



pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{2,25}+[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{2,25}+[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{2,25}" title="Escriba su Nombre y Apellidos" required


Pero no me funciona, con solo meter una letra me lo da por bueno. :-(


Y una ultima cuestion una vez hecho este paso como podria poder un condicional es decir:

si se da 1 nombre con 2 apellidos o se da 1 nombre con 3 apellidos


Podrian ayudarme, gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Nacho

Validar nombre y apellidos con pattern en el mismo input

Publicado por Nacho (6 intervenciones) el 27/09/2014 20:09:56
Agregaste esto en el head:
1
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
(creo que es este)
o
1
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Es necesario para que reconozca las ñ y las letras con tilde, de hecho, es si no lo añadiste, al ver el código fuente de la pagina te darás cuenta en el pattern pone signos extraños, fíjate bien
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Validar nombre y apellidos con pattern en el mismo input

Publicado por Sam (3 intervenciones) el 27/09/2014 20:17:54
Te agradezco la ayuda Nacho.

Pero la respuesta que me has dado no tiene que ver nada con lo que estoy preguntando.

¿Has leído bien mi problema?

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Nacho

Validar nombre y apellidos con pattern en el mismo input

Publicado por Nacho (6 intervenciones) el 27/09/2014 20:58:19
Si, si lo leí, quería verificar si lo habías hecho y así descartar problemas comunes, te seré sincero, no utilizo mucho el atributo pattern así que no te puedo dar la mejor respuesta del mundo, pero podrías intentar esto:
1
pattern="[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{2,25}[ ]{1}[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{2,25}[ ]{1}[a-zA-ZñÑáéíóúÁÉÍÓÚüÜ]{2,25}"
(dime si funciona)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de txema

Validar nombre y apellidos con pattern en el mismo input

Publicado por txema (8 intervenciones) el 27/09/2014 22:03:32
Hola Sam:
Lo más parecido a lo que quieres sería esto
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
	<meta name="description" content="Formularios" />
    <title>Formularios</title>
  </head>
  <body>
    <section>
      <form name="informacion" method="get">
        Nombre y apellidos separados por coma [,]
	  <br>
	  <input type="text" pattern="([a-zA-ZñÑáéíóúÁÉÍÓÚüÜ ']{2,25})+([,]{1})+([a-zA-ZñÑáéíóúÁÉÍÓÚüÜ ']{2,25})+([,]{1})+([a-zA-ZñÑáéíóúÁÉÍÓÚüÜ ']{2,25})"  title="Escriba su Nombre y Apellidos separados por coma [,]" name="nombre" id="nombre" size="52" required>
	  <br>
	  <input type="submit" value="Enviar">
	</form>
     </section>
  </body>
</html>
He añadido la posibilidad de espacios en blanco y apostrofo ['] (para que acepte un nombre, apellido compuesto o tal vez alguien se apellide O'Connor), obligándole a separarlos por coma [,]) ya que de otra forma podríamos equivocarnos hasta dónde llega el nombre o comienza el apellido.

De todos modos, lo más práctico sería hacerlo en tres campos: nombre, primer apellido y segundo.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Validar nombre y apellidos con pattern en el mismo input

Publicado por Sam (3 intervenciones) el 28/09/2014 11:16:12
Perfecto!!!, me sirvio de las dos maneras tanto la de Nacho como la de Txema. muchas gracias a parte de funcionar.

Ya se algo que no sabia.

Muchas gracias fenomenos.!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Nacho

Validar nombre y apellidos con pattern en el mismo input

Publicado por Nacho (6 intervenciones) el 28/09/2014 18:36:15
Suerte con lo que hagas ^^.
(Doy la misma recomendación que txema)
Es mejor que separes los campos, pero no en tres, mas bien en dos:
El primer campo para nombres
El segundo para apellidos

La razón es que también hay nombres compuestos como : Maria Jose, y luego el segundo nombre
Entonces tu seguramente al depositar esto en una base de datos creerías que Maria es el nombre y Jose es el apellido.

Mejor separalos, en nombres y apellidos. Suerte! bye (lo de el apostrofe de txema estuvo bien, nunca lo considere)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de txema

Validar nombre y apellidos con pattern en el mismo input

Publicado por txema (8 intervenciones) el 28/09/2014 19:07:15
Nacho:

También hay apellidos compuestos (y lo sé por lo que figura en mi DNI )

Justamente la coma nos serviría para separar los campos.

Por cierto, Sam: la última parte de tu entrada:
1
2
Y una ultima cuestion una vez hecho este paso como podria poder un condicional es decir:
si se da 1 nombre con 2 apellidos o se da 1 nombre con 3 apellidos
Inevitablemente habría que ir a Javascript (que también será útil para matizar los mensajes de cómo cargar los campos).

P.D.: Nacho: apóstrofe no es lo mismo que apóstrofo (yo también tiendo a equivocarme).
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar