Validar campos formulario

rdos · #1 (**permalink**) 26/05/2009, 00:30

Saludos.
Tengo un pequeño problema y espero que alguien pudiera ayudarme.
Construí un formulario, el cual contiene distintos campos (nombre de usuario, password, nombres, etc..) y necesito hacer dos cosas: verificar la validez de los datos (que no hayan campos vacios o validar por ejemplo emails), y segundo realizar la conexion con la base de datos (mysql) tanto para realizar verificaciones (nombre de usuario no existente) como para agregar los datos.
Deseo saber cual seria mi mejor alternativa, realizar la verificación usando javascript, antes de enviar el formulario, o si existe forma de llevarla a cabo con php pero sin redirigir el formulario a otro lado, es decir, sin refrescar pantalla.
Cualquier ayuda la agradeceré mucho.

abimaelrc · #2 (**permalink**) 26/05/2009, 00:33

Yo lo haría con javascript. Pero si te quieres estar seguro que no envien campos vacios ya que tienen el javascript desabilitado puedes crearlo en php verificando con las funciones

isset()
empty()

Tambien puedes validar con RegExp

Me dejas saber si quieres alguna información extra

Si quieres verificar sin redireccionar la pagina tienes que hacerlo con AJAX

Desi_Martinez · #3 (**permalink**) 26/05/2009, 04:44

Utiliza LiveValidation es un javascript muy bueno para eso.
No puedo ponerte el link por q soy nueva, pero busca en google livevalidation y ahi lo tienes.
Un saludo.

Alun · #4 (**permalink**) 21/01/2010, 10:32

Esto es de un ejercicio que hice para clase, pero solo es la parte de validar el formulario, hecho en JavaScript, la parte de conectar con la BD aún no te la sabría decir, ya que no he llegado a ver PHP:

Código HTML:

<html> <head> <title> Validar </title>

 	<script language="JavaScript">
 		<!--
		function validar()
		{		
			var nombre=document.formu.nombre.value;
			var provincia=document.formu.provi.value;
			var mail=document.formu.mail.value;
			var user=document.formu.user.value;
			var pwd=document.formu.pwd.value;
				if(nombre.length < 1 )
				{
					alert ("Debes especificar tu Nombre");
				}
				else if(nombre.length < 3)
					{
						alert("El nombre debe tener al menos 3 caracteres");
					}
				if(provincia.length < 1)
				{
					alert ("Debes especificar tu provincia");
				}
				else if(provincia.length < 4)
					{
						alert("Si tu provincia tiene un nombre de 3 o menos caracteres, especifica detrás 'prov'");
					}
				if(mail.length < 5)
				{
					alert ("Debes introducir un Email");
				}
				else if (mail.indexOf('@') < 2)
				{
					alert ("Debes colocar una Dirección de Email válida");
				}
				else if (mail.indexOf('.') < 3)
					{
						alert ("Debes colocar una Dirección de Email válida");
					}
				if(user.length < 1)
				{
					alert ("Debes especificar tu nombre de usuario");
				}
				else if(user.length < 2)
					{
						alert("El nombre de usuario debe tener como mínimo 3 caracteres");
					}
				if(pwd.length < 1)
				{
					alert("Deberías de especificar una contraseña");
				}
				else if(pwd.length < 6)
					{
						alert("Tu contraseña debe tener un mínimo de 6 caracteres");
					}			
		}
		//-->
 	</script>
</head>
<body>
 	<form name="formu">
 		Nombre:*<input type="text" size="20" name="nombre">
 		Apellidos:<input type="text" size="30" name="apelli"><br><br>
 		Dirección:<input type="text" size="30" name="dire"><br><br>
 		Población:<input type="text" size="15" name="pobla">
 		Provincia:*<input type="text" size="15" name="provi"><br><br>
 		Código Postal:<input type="text" size="5" name="postal">
 		Email:*<input type="text" size="20" name="mail"><br><br>
 		Usuario:*<input type="text" size="15" name="user">
 		Contraseña:*<input type="password" size="15" name="pwd"><br><br>
 		<input type="button" value="generar números" name="boton_numeros" onClick="numerosAleatorios();">
 		<br><br>
 		<font size="1">
 			<b>Los campos con * son obligatorios</b>
 		</font><br><br>
 		
 		<input type="submit" name="enviar" onClick="validar();">
 		<input type="reset" name="limpiar">

 	</form>
 </body>
</html>

Espero que pueda servirte.
Suerte: Alun

TolerantX · #5 (**permalink**) 21/01/2010, 10:34

Si en verdad deseas validar tus formularios los tienes que validar tanto del lado del cliente (javascript, ajax) como del lado del servidor :)