Validar un formulario con javascript:

[principiantedelweb]

Hola amigos. Son un verdadero principiante en js. En el siguiente código incluyo en el botón enviar dos funciones: una valida si los campos están vacíos y otra valida si el email es correcto. O sea:

<INPUT TYPE="submit" NAME="accion" VALUE="Enviar" onsubmit="javascript:return verifica(this.form);validarEmail(this.form)">

La cuestion es que ahora no me valida nada. Que podría ser? Gracias

[masterojitos]

los eventos de los inputs por defecto son para javascript, es decir:
onclick, onfocus, onchange, onsubmit, etc............. no necesitan de "javascript:"

Bueno, en cuento a lo de tu problema..... solo debes llamar a una funcion y que esta retorne true o false.

tu codigo seria algo asi:

Código HTML:

<script>
function verifica(formulario){
       if(formulario.campo.value == ""){ alert("ingrese..."); formulario.campo.focus(); return false; } //de ejemplo.
       ............ y las otras validaciones determinadas..........
       if(!validarEmail(formulario)) return false;
       return true;
}
</script>
<INPUT TYPE="submit" NAME="accion" VALUE="Enviar" onsubmit="return verifica(this.form);">
 

Gracias por el karma

Suerte.

[principiantedelweb]

Puse esto en mi archivo js:

function verifica() {
if ((document.introducir_datos.nombre.value == "") || (document.introducir_datos.nombre.value == null)) {
alert("Por favor, coloca el nombre del sitio o juego (Maximo: 50 caracteres)");
document.introducir_datos.nombre.focus();
return false;
}
else
if ((document.introducir_datos.descripcion.value == "") || (document.introducir_datos.descripcion.value == null)) {
alert("Por favor, coloca la descripcion del sitio o juego (Maximo: 250 caracteres)");
document.introducir_datos.descripcion.focus();
return false;
}
else
if ((document.introducir_datos.url.value == "") || (document.introducir_datos.url.value == null)) {
alert("No te olvides de colocar la url de forma: http://www.misitio.com (Maximo: 100 caracteres)");
document.introducir_datos.url.focus();
return false;
}
else
if ((document.introducir_datos.email.value == "") || (document.introducir_datos.email.value == null)) {
alert("Por favor, coloca un correo electronico valido para que incluyamos tu sitio o pagina de juegos(Maximo: 50 caracteres)");
document.introducir_datos.email.focus();
return false;
}
else
return true;
}

function validarEmail(valor) {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/.test(valor)){
alert("La dirección de email " + valor + " es correcta.");
} else {
alert("La dirección de email es incorrecta.");
}
return true;
}

La funcion verifica() determina si hay campos vacios y llama a un alert, en la funcion validarEmail() determina si el mail ha sido escrito correctamente. Luego puse:

<INPUT TYPE="submit" NAME="accion" VALUE="Enviar" onclick="javascript:return verifica(this.form)">

Y me valida solo los campos vacios, pero no el email. ¿donde he errado? Gracias. Ah, no entiendo lo del karma.

[principiantedelweb]

Alguien sabe?