Un consejo con este script de validacion.

[Raenk]

Uso este pequeño escript para validar los campos que son obligatorios, funciona correctamente, aunque me gustaria optimizarlo:

Código:

<script language="JavaScript" type="text/javascript">
		<!--
		function validate(){
			if ( ( document.enviar.mensaje.value == "" ) || ( document.enviar.nombre.value == "" ) ) {
				alert( "Por favor verifica que los campos requeridos (Nombre y Mensaje) estén completos." );
				document.enviar.action = "index.php?id=2"
			}
		}
		//-->
		</script>

Lo accion que se esta determinando hace que se recargue la misma pagina, pero me gustaria que, al dar click en "Aceptar" en la ventana de alerta simplemente se se cerrara la alerta y que no hubiera accion alguna.

Que tengo que determinar como "action" para que esto sucede en lugar de recargar la misma pagina ?

Espero haberme explicado, cabe mencionar que no se mucho de javascript.

Gracias

[Yanix]

Hola,
Creo que algo parecido al FAQ 129 podra servirte
http://www.forosdelweb.com/f13/faqs-javascript-105325-post377413/

(Observa el uso de form1.nombre_campo.focus();)

Espero te ayude :)

[neo_1899_fcb]

Iniciado por Raenk

Uso este pequeño escript para validar los campos que son obligatorios, funciona correctamente, aunque me gustaria optimizarlo:

Código:

<script language="JavaScript" type="text/javascript">
		<!--
		function validate(){
			if ( ( document.enviar.mensaje.value == "" ) || ( document.enviar.nombre.value == "" ) ) {
				alert( "Por favor verifica que los campos requeridos (Nombre y Mensaje) estén completos." );
				document.enviar.action = "index.php?id=2"
			}
		}
		//-->
		</script>

Lo accion que se esta determinando hace que se recargue la misma pagina, pero me gustaria que, al dar click en "Aceptar" en la ventana de alerta simplemente se se cerrara la alerta y que no hubiera accion alguna.

Que tengo que determinar como "action" para que esto sucede en lugar de recargar la misma pagina ?

Espero haberme explicado, cabe mencionar que no se mucho de javascript.

Gracias

La clave está en el return false. Llamas a la función de esta forma:

Código HTML:

<form (...) onsubmit="return validar()">
(...)
</form> 

Y añades return false en lugar de cambiar el action:

Código:

<script language="JavaScript" type="text/javascript">
		<!--
		function validate(){
			if ( ( document.enviar.mensaje.value == "" ) || ( document.enviar.nombre.value == "" ) ) {
				alert( "Por favor verifica que los campos requeridos (Nombre y Mensaje) estén completos." );
				return false;
			}
		}
		//-->
		</script>

Lo ideal es que valides esto también en el php, para mayor seguridad.