Foros del Web » Programando para Internet » Javascript »

Problema con validar campos de form y submit...

Estas en el tema de Problema con validar campos de form y submit... en el foro de Javascript en Foros del Web. Hola amigos... tengo el siguiente problema, tengo un form el qual tengo un campo "email" y otro "repemail" los cuales si el usuario no ingresa ...
  #1 (permalink)  
Antiguo 12/09/2010, 14:36
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 16 años, 6 meses
Puntos: 4
Problema con validar campos de form y submit...

Hola amigos...
tengo el siguiente problema, tengo un form el qual tengo un campo "email" y otro "repemail" los cuales si el usuario no ingresa el mismo email sale un mensaje de error, pero el problema es que este mensaje surge cuando hago el submit y al dar-le al "aceptar" del boton del mensaje del error me salta a la pagina especificada en el "form action=..... "

lo que quiero es que si sale el error, pues que el formulario no se envie.Alguna sugerencia ??? ( por cierto !!! no tengo mucha idea de JavaScript )
espero haberme explicado bien. Este es el codigo JavaScript:

Código PHP:
 <script languaje="javascritp">

function 
validarCampo1(form)

{

    if(
form.email.value !== form.repemail.value)

    {

    
alert("debe repetir su email");

    
form.repemail.value ""form.repemail.focus(); return true;

    }

form.submit()

}

</script> 
  #2 (permalink)  
Antiguo 12/09/2010, 15:17
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Problema con validar campos de form y submit...

Hola

Mírate esto

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 13/09/2010, 15:37
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 16 años, 6 meses
Puntos: 4
Respuesta: Problema con validar campos de form y submit...

Gracias por el aporte,pero mi problema es que en mi form el "action" tiene lo siguiente:

Código PHP:
<form action="form-contacto-ok.php" method="post" name="form2">
              <
fieldset>
                   <
legend>Formulario de contacto</legend>
                          <
label for="nombre">Nombre:</label>

              <
input name="nombre" type="text" class="espacio-nombre" id="nombre"/>
              <
br/><br/>
              
                            <
label for="apellidos">Apellidos:</label>

              <
input name="apellidos" type="text" class="espacio-apellidos" id="apellidos"/>
              <
br/><br/>

              
              
                                        <
label for="email">Email:</label>

              <
input name="email" type="text" class="espacio-email" id="email"/>
              <
br/><br/>
              
                                                      <
label for="email">Repetir Email:</label>

              <
input name="email" type="text" class="espacio-email" id="repemail"/>
              <
br/><br/>

              
                                          <
label for="fecha">Fecha:</label>

              <
input name="fecha" type="text" class="espacio-fecha" id="fecha"/>
              <
br/><br/>


              
                           <
label for="comentario">Comentario:</label>

             
              <
textarea name="comentario" cols="50" rows="10" id="comentario">Escribe aqui tu comentario</textarea>
              <
br/><br/>
            
              <
input type="submit" value="Enviar"/>
                </
fieldset>
                
                </
p>
    </
form

Mi intencion es de que el usuario ponga lo mismo en los 2 campos, y si se equivoca pues que al darle al boton de "aceptar" del mensaje JavaScript vuelva al mismo "onblur" al mismo campo que ha escrito mal si que se active el "form" "antion "..

Última edición por jonysi_d; 13/09/2010 a las 15:56
  #4 (permalink)  
Antiguo 13/09/2010, 15:57
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Problema con validar campos de form y submit...

Hola
Cita:
Gracias por el aporte,pero mi problema es que en mi form el "action" tiene lo siguiente:
No comprendo que quieres decir
Prueba así
Cita:
<form action="form-contacto-ok.php" method="post" name="form2" onsubmit="return validarCampo1(this);">
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 13/09/2010, 16:27
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 16 años, 6 meses
Puntos: 4
Respuesta: Problema con validar campos de form y submit...

me referia a que en el action tengo que al darle al submit, me direccione a la pagina !form-contacto-ok", y no hace la funcion de javascript... he provado como me has dicho pero sigue enviandose el formulario al aceptar el dialogo javascript de "debe repetir su email". el codigo lo tengo asi:

Código PHP:
<script languaje="javascritp">

function 
validarCampos1(form)
{
    if(
form.email.value !== form.repemail.value);
    {

    
alert("debe repetir su email");
    
    
form.repemail.value ""form.repemail.focus(); return true;

    }

form.submit();

}

</script> 
Código PHP:
  <form action="form-contacto-ok.php" method="post" name="form2" onsubmit="return validarCampos1(this);">
              <
fieldset>
                   <
legend>Formulario de contacto</legend>
                          <
label for="nombre">Nombre:</label>

              <
input name="nombre" type="text" class="espacio-nombre" id="nombre" 

...........bla,bla,bla.....

    <
br/><br/>
              <
input type="submit" value="Enviar" />
                </
fieldset>
                
                </
p>
    </
form

Última edición por jonysi_d; 13/09/2010 a las 16:32
  #6 (permalink)  
Antiguo 13/09/2010, 16:37
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Problema con validar campos de form y submit...

Hola

Veo que como mucho has ojeado la lectura que te recomendé. Cambia lo que tienes a esto
Código Javascript:
Ver original
  1. <script type="text/javascritp">
  2.  
  3. function validarCampos1(form)
  4. {
  5.     if(form.email.value !== form.repemail.value);
  6.     {
  7.  
  8.     alert("debe repetir su email");
  9.    
  10.     form.repemail.value = ""; form.repemail.focus(); return false;
  11.  
  12.     }
  13.  
  14. }
  15.  
  16. </script>

Cita:
<input name="email" type="text" class="espacio-email" id="email"/>
<br/><br/>

<label for="email">Repetir Email:</label>

<input name="repemail" type="text" class="espacio-email" id="repemail"/>
<br/><br/>
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #7 (permalink)  
Antiguo 13/09/2010, 17:20
 
Fecha de Ingreso: octubre-2007
Mensajes: 724
Antigüedad: 16 años, 6 meses
Puntos: 4
Respuesta: Problema con validar campos de form y submit...

ya lo he podido solucionar...
gracias por tu ayuda, me ha servido de gran ayuda..

Etiquetas: campos, submit, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:07.