[SOLUCIONADO] Evitar que se borren campos al presionar submit

F3RC4O · #1 (**permalink**) 21/06/2015, 23:59

Hola a todos pues miren tengo el siguiente codigo:

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Pre-Registro de estudiantes</title>
    <link rel="stylesheet"  media="screen" type="text/css" href="estilos.css">
    <link rel="stylesheet"  media="screen" type="text/css" href="maquetacion.css">
    <script language="JavaScript">
 
        function validar_email() {
 
        var cla1 = document.reg_form.correo.value;
        var cla2 = document.reg_form.correo2.value;
        var enviar="si";
 
        if (cla1 != cla2) {
            alert ("Los correos no coiciden");
            enviar="no";
        }
            if (enviar=="no") {return false};
        }
    
    
</script>
 
</head>
 
<body>
<div id="wrap">
    <div id="header"><p align="center">Titulo de la pagina</p></div>
</div>
<div id="contenedor">
<div id="row"> 
<div id="izquierda">
    <h2>Columna izquierda</h2>
    <p>algun texto</p>
</div>
 
<div id="central">
 
<form class="reg_form" action="" method="post" name="reg_form" onsubmit="validar_email()">
 
 
<ul>
 
    <li>
        <h2 align="center">Registrate</h2>
        <span class="required_notification">* Campos requeridos</span>  
    </li>
 
    
    <li>
        <label for="nombre">Nombre: </label>
        <input type="text" name="nombre" id="nombre" placeholder="Nombre"  required/>
    </li>
    <li>
        <label for="apellidopat">Apellido paterno: </label>
        <input type="text" name="apellidopat" id="apellidopat" placeholder="Apellido paterno" required/>
    </li>
    <li>
        <label for="apellidomat">Apellido materno: </label>
        <input type="text" name="apellidomat" id="apellidomat" placeholder="Apellido materno" required/>
    </li>   
 
    <li>
        <label for="correo">Correo electronico:</label>
        <input type="email" name="correo" id="correo" placeholder="Correo electronico" pattern="^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$" required/>
        <span class="form_hint">Formato "[email protected]"</span>
    </li>
 
    <li>
        <label for="correo2">Repite tu correo electr&oacute;nico:</label>
        <input type="email" name="correo2" id="correo2" placeholder="Repite tu correo electronico" pattern="^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$" required/>
        <span class="form_hint">Formato "[email protected]"</span>
    </li>
 
 
    <li>
        <label for="mensaje">Comentario: </label>
        <textarea name="mensaje" id="mensaje" cols="40" rows="6"></textarea>
    </li>
 
    <p> 
        <input type="checkbox" name="politicas" required /> 
        He leido y acepto los <a href="#">Terminos de uso</a>
    </p>
    
    <li>
        <button class="submit" type="submit">Registrar</button> 
    </li>
</ul>
</form>
</div>  
<div id="derecha">
    
<h2>Columna derecha</h2>
<p>algo de text por aqui</p>
 
</div>
</div>
<divid="pie">
    <p>pie de pagina</p>
</div>
 
</div>
 
</body>
</html>

Al momento de presionar el boton mando a llamar a la funcion validar_email(); (la puse en el formulario)cuando los correos no son iguales, me manda un alert. Hasta ahí todo ok.

Pero el detalle es que me borra todos los campos del formulario, y tengo que volver a escribirlos, como puedo hacer que no se borren? simplemente que mande el error pero que no me los borre?

caricatos · #2 (**permalink**) 22/06/2015, 00:22

Hola:

Se borra porque el formulario se envía. Lo correcto sería:

onsubmit="return validar_email()"

Saludos

F3RC4O · #3 (**permalink**) 22/06/2015, 00:38

Cita:

Iniciado por caricatos

Hola:

Se borra porque el formulario se envía. Lo correcto sería:

onsubmit="return validar_email()"

Saludos

Muchas gracias, error de novato. Que de hecho voy empezando. Andaré activo por aca, muchas gracias