[SOLUCIONADO] Cancelar submit

[ci2000]

Hola.

Tengo esta función javascript:

Código:

<script>
    function validaDatos()    {
       	if (document.formfunebres.mensajeinicial.value==""){ 
        	alert("Falta ingresar el mensaje inicial") 
        	document.formenviarmail.mensajeinicial.focus()
        	return false; 
     	}
    }    
</script>

y este botón:

Código HTML:

<input type="submit" value ="Continuar" id ="Continuar" onClick="return validaDatos()"> 

No me cancela el submit.

¿Qué tengo mal?

Gracias desde ya por las respuestas.
Saludos

[petit89]

Si ejecutas siempre un submit, siempre lo enviara aunque retorne cualquier valor la funcion, para ello tienes que usar type="button" y especificar en la funcion que si todo se cumple envie el formulario...
te dejo el ejemplo aqui: https://jsfiddle.net/t0ku7axy/

saludos!

[manuparquegiralda]

No coincido del todo con petit89, en realidad si puedes evitar el submit.

Código Javascript:

<script>
 
    document.getElementById("formfunebres").addEventListener("submit", function(event){
     if (document.formfunebres.mensajeinicial.value === ""){ 
                event.preventDefault();
            alert("Falta ingresar el mensaje inicial") 
            document.formenviarmail.mensajeinicial.focus()
            return false; 
         }
    });
 
</script>
 

Código HTML:

<form id="formfunebres">
<input type="submit" value ="Continuar" id ="Continuar">
</form>
 

[petit89]

tambien puedes ocupar el atributo required de HTML5 que al comprobar que no se ha ocupado el campo, lo pide y te ahorras mucho codigo javascript, ejemplo rapido:

Código HTML:

<form action="php" method="post" name="formfunebres">
<textarea name="mensajeinicial" required></textarea>
<input type="submit" value="Continuar" id="Continuar"> 
</form>
 

[ci2000]

Hola.

manuparquegiralda, no me funcionó tu script, es decir pasa a la siguiente página si el campo está vacío.

Utilicé el required sugerido por petit89 y anduvo ok.

Muchas gracias por responder.
Saludos