Buenas compañeros,
tengo una duda de concepto con la validación de un formulario. El tema es que mi formulario es muy simple ( 2 inptus y 1 textarea ). Quiero que se rellenen los tres campos y sino que aparezca un error debajo de cada uno de estos tres campos en función de lo que no haya rellenado el usuario.
Aquí esta el formulario
Código HTML:
<form action="#" method="post" id="fomulari_home">
<input name="nombre" id="nombre" />
<input name="email" id="email" />
div class="error" id="error1">
Debes introducir un nombre</div>
<div class="error" id="error2">
Debes introducir una dirección email</div>
<textarea id="explicanos" ></textarea>
<div class="error" id="error3">
Has enviado el formulari vacio </div>
<input name="boto" id="boto" type="image" onclick="valida_envia()" src="imagenes/enviar.jpg" />
</form> Aquí la función JS
Cita:
function valida_envia(){
if (document.getElementById('nombre').value==''){
document.getElementById('error1').style.display = 'block';
.......
El problema es que la función actua de manera correcta. ( con la función display muestra los errores oportunos) pero justo despues de mostrarlos salta a la pagina que le hemos dicho en la propiedad action del form, en este caso action="#".
Lo que necesito es que cuando encuentre algun error no solo lo muestre sino que no salte a esta página
Gracias