Foros del Web - Ver Mensaje Individual - [Ayuda]Problema al entrar a las validaciones realizadas con Javascript

skiper0125 · #2 (**permalink**) 28/10/2011, 12:38

Hola que tal.

Bienvenid@ al foro.

En primer lugar debo de decirte que tienes muchos errores en tus funciones de javascript, en segundo lugar tus funciones confunden demaciado, en tercer lugar te falta configurar el form.

Lo que te recomiendo es que estructures mejor tu programación ya que de esa manera podrás pogramar más facilmente.

Te dejo un ejemplo básico para la validación de formularios con javascript

Código HTML:

Ver original<html>
<head>
<title>Formulario de registro</title>
</head>
<link rel="stylesheet" type="text/css" href="formulario.css">
<body>
<script type="text/javascript" language="javascript">
    function valida_form(){
        var error = "";
        if(document.getElementById("nombre").value=="") error +="Coloca el nombre.\n";
        if(document.getElementById("apellidos").value=="") error +="Coloca los apellidos.\n";
        
        if(error != ""){
            alert("Se detectaron los siguientes errores: \n\n"+ error);
        }else{
            document.getElementById("form1").submit();
        }
    }
 
</script>
 
<div id="divFormulario">
<form name="form1" id="form1" method="post" action="tu_pagina.php">
    <p>
        <label for="nombre"></label>
        Nombre:
        <input type="text" name="nombre" id="nombre">
    </p>
    <p>Apellidos:
        <label for="apellidos"></label>
        <input type="text" name="apellidos" id="apellidos">
    </p>
    <p><input type="button" name="Guardar" id="Guardar" title="Guardar" value="Guardar" style="cursor:pointer;" onClick="valida_form();"></p>
</form>
 
</div>
</body>
</html>

Saludos