[Ayuda]Problema al entrar a las validaciones realizadas con Javascript

piraces92 · #1 (**permalink**) 28/10/2011, 12:19

Hola buenas tardes, me gustaria que me ayudaseis con este código, que no se el motivo pero no me entra en las funciones de javascript.

Lo que hago exactamente con este código es que se le presenta un formulario de registro al usuario, y este comprueba que la contraseña, repetir contraseña sean iguales, el mismo aspecto para el email y que acepte los términos y condiciones.
Al darle al botón enviar que llama a la función validar formulario no me entra en ninguna función y no se el motivo. si me pudierais ayudar os lo agradecería mucho.
<html>

<head>
<title>Formulario de registro</title>
</head>
<link rel="stylesheet" type="text/css" href="formulario.css">

<body>
<script type="text/javascript">

function comprobacionContrasena(password,passwordComprobar) {
if(password.value != passwordComprobar.value){
alert('Las contraseñas no concuerdan');
return false;
}
}
function comprobacionEmail(email,emailComprobar){
if(email.value != emailComprobar.value){
alert('Los emails deben de ser iguales');
return false;
}
}
function comprobarTerminos(aceptarCondiciones){
if(aceptarCondiciones.checked==false){
alert('Debe de aceptar los terminos y condiciones de la pagina');
break;
}else{
alert('Bienvenido '+etiNombre.value+' '+etiApellido.value);
return true;
}
}
function validarFormulario(password, passwordComprobar,email,emailComprobar,aceptarCond iciones){
alert('Valor de pass ' + document.forms[0].password.value);
comprobacionContrasena(password,passwordComprobar) ;
comprobacionEmail(email,emailComprobar);
comprobarTerminos(aceptarCondiciones);
}
</script>

<div id="divFormulario">
<form>
<table id="tablaFormulario">
<tr>
<label>
<td>Nombre:</td>
<td><input type="text" size="50" id="etiNombre" name="etiNombre"></td>
</label>
</tr>
<tr>
<label>
<td>Apellido:</td>
<td><input type="text" size="50" id="etiApellido" name="etiApellido"></td>
</label>
</tr>
<tr>
<label>
<td>Sexo:</td>
</tr>
<tr>
<td></td>
<td>Masculino:<input type="radio" text" size="50" id="radMasculino" name="genero" value="1">
</label>

<label>
Femenino:<input type="radio" text" size="50" id="radFemenino" name="genero" value="2"></td>
</label>
</tr>
<tr>
<label>
<td>Edad:</td>
<td><select id="listaEdad">
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
<option>32</option>
<option>33</option>
<option>34</option>
<option>35</option>
<option>36</option>
<option>37</option>
<option>38</option>
<option>39</option>
<option>+40</option>
</select></td>
</label>
</tr>
<tr>
<label>
<td>Pais de Nacimiento:</td>
<td><select id="listaPaises">
<option>España</option>
<option>Francia</option>
<option>Italia</option>
<option>Grecia</option>
<option>Alemania</option>
<option>Estados Unidos</option>
<option>Canadá</option>
<option>México</option>
<option>Panamá</option>
<option>Paraguay</option>
</select></td>
</label>
</tr>
<tr>
<label>
<td>Contraseña:</td>
<td><input type="password" size="50" id="password" value="·······" name="password"></td>
</label>
</tr>
<tr>
<label>
<td>Repite Contraseña:</td>
<td><input type="password" size="50" id="passwordComprobar" value="·······" name="passwordComprobar"></td>
</label>
</tr>
<tr>
<label>
<td>E-Mail:</td>
<td><input type="text" size="50" id="email" value="@gmail.com" name="e-mail"></td>
</label>
</tr>
<tr>
<label>
<td>Comprobar E-Mail:</td>
<td><input type="text" size="50" id="emailComprobar" value="@gmail.com" name="e-mailComprobar"></td>
</label>
</tr>
<tr>
<td></td>
<td>

<button type="submit" id="enviarForm" onClick="javascript:validarFormulario(password, passwordComprobar,email,emailComprobar,aceptarCond iciones);">Enviar Formulario</button>
<button type="reset" id="restearForm">Resetear Formulario</button>
</td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="aceptarCondiciones" id="aceptarCondiciones" checked="checked">Acepto Los terminos y Condiciones de Registro</td>
</tr>
<tr>
<td></td>
<td><textarea rows="5" cols="80" style="width:100%;text-align:" readonly="readonly" onfocus="this.rows=10">Condiciones del Servicio de Registro

</textarea>
</td>
</tr>
</table>
</form>

</div>
</body>

</html>

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

piraces92 · #3 (**permalink**) 28/10/2011, 12:42

Bueno aun estoy aprendiendo pero ¡muchísimas gracias!

IsaBelM · #4 (**permalink**) 28/10/2011, 12:47

te recomiendo que leas este tutorial