Problema verificar formulario JS

ivanin87 · #1 (**permalink**) 19/05/2011, 09:53

A ver si alguien me puede comentar en que puede fallar esta función de JavaScript para verificar un formulario, pero es que no hace nada de nada...

Código PHP:

  <script type="text/javascript"> 
function verificarContactoEmpresa()  
{ 
     
    if(document.frm2.empresa.value.lenght==0)  
    { 
        alert("Por favor indica el nombre de la empresa"); 
        document.frm2.empresa.focus(); 
        return 0; 
    } 
    if(document.frm2.contacto.value == "")  
    { 
        alert("Por favor indica una persona de contacto"); 
        document.frm2.contacto.focus(); 
        return false; 
    } 
     
    if(document.frm2.localidad.value == "")  
    { 
        alert("Por favor indica la Localidad"); 
        document.frm2.localidad.focus(); 
        return false; 
    } 
     
     
    if (/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/.test(document.frm2.correo.value)==false) 
    { 
       alert("La dirección de email es incorrecta, si no dispone de email escriba [email protected]"); 
       document.frm2.correo.focus(); 
       return false; 
    } 
    if(document.frm2.telefono.value == "")  
    { 
        alert("Por favor indica un Teléfono"); 
        document.frm2.telefono.focus(); 
        return false; 
    } 
     
    //el formulario se envia 
    alert("Muchas gracias por enviar el formulario"); 
    document.frm2.submit(); 
} 
</script>

El formulario lo declaro así:

Código PHP:

  <form name='frm2' action='contacta_empresas.php' method="post"> 
... 
<input type="button"  value="Enviar" name="submit"  class="categoria" onclick="verificar()" /> 
</form>

alexg88 · #2 (**permalink**) 19/05/2011, 10:23

El problema que veo es que en el onclick llamas a la función verificar mientras que la función se llama verificarContactoEmpresa() .

La expresión regular para el email está mal, cuando te refieres a cualquier carácter alfanumérico no es w es \w

Código Javascript:

Ver original/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/

ivanin87 · #3 (**permalink**) 19/05/2011, 12:17

La expresión regular en el archivo está bien como tú dices, no se porque al ponerla aquí se quitaron las barras.

En cuanto a lo otro he dejado el botón así:

<input type="button" value="Enviar" name="submit" class="categoria" onclick="verificarContactoEmpresa()" />

pero nada de nada... el resto ni lo he tocado, ¿veis algo mal a parte de eso?

alexg88 · #4 (**permalink**) 19/05/2011, 12:30

Sí, se me ha olvidado. La primera comprobación pones lenght y es length

Luego, ¿este código supongo que lo habrás puesto en el head?

Yo he probado el código (con una página que está muy bien) y funciona. Te paso el link:

http://jsfiddle.net/alexg88/bDgUA/1/embedded/result/

ivanin87 · #5 (**permalink**) 19/05/2011, 12:44

Si, lo he intentado incluso meter en un js aparte y llamarlo desde el head de mi index.php y luego otra página es la que carga el formulario que escribí mas arriba, pero vamos lo carga dentro de ese index en el cual el head tiene el js referido...

ivanin87 · #6 (**permalink**) 19/05/2011, 12:50

Acabo de descubrir con el firebug que el error que da en la primera comprobación es:

document.frm2 is undefined

alexg88 · #7 (**permalink**) 19/05/2011, 12:51

¿Puedes poner el código completo (la página HTML) que devuelve (cuando llamas al index.php)?

ivanin87 · #8 (**permalink**) 19/05/2011, 13:04

Claro, observa que he probado a cambiar el frm2 por formContactoEmpresas por si el otro que es más genérico fuera el que daba error por estar duplicado o algo... te pondría la página pero esto me fice que supera la longitud de caracteres, a ver si con esto...

La llamada desde el head...

Código HTML:

Ver original<script type="text/javascript" src="http://localhost/ecoalternative/verificaContacto.js"></script>

El div que contiene el formulario...

Código HTML:

Ver original<div class='contacto tabbertab'><h4>CONTACTO</h4>
<style type="text/css">
.parrafo
{
    font:12px arial; color:#555555;
    text-align:left;
}
.categoria_contacto
{
    font:bold 12px verdana;
    color:#0099FF;
    text-decoration:none;   
}
</style>
 
 
<TABLE  BORDER="0" cellspacing="0" width='100%' align='center'>
    <TR>
        <TD align='center'>
            <center>
 
                <table width="430" style='border:1px solid #CCCCCC;'>
                    <tr valign="top"> 
                        <td align="center"  style='font:bold 14px Arial, Helvetica, sans-serif; color:#0099CC; border:1px solid #CCCCCC; background-color:#FEFDDE'>
                                                    CONTACTA CON ECOALTERNATIVE.NET                     </td>
                    </tr>
                    <tr> 
                        <td valign=top>
                            <form name="formContactoEmpresas" action='contacta_empresas.php' method="post">
                                <div align="right"><font color="red" style='font:10px arial;'><!--* Campos obligatorios--></font></div><center>
 
                                    <table border="0" bgcolor="#ffffff" cellspacing="3" bordercolor="#B1CECE" width="325">
                                        <tr> 
                                            <td align="right" class="text"> 
                                                <div align="left"><font color="red"><!--*--></font>Empresa:</div>
                                            </td>
                                            <td>
                                                <input type="text" name="empresa" size="40" maxlength="40" />                                        
                                            </td>
                                        </tr>
                                        <tr>
 
                                            <td align="right" class="text"> 
                                                <div align="left"><font color="red"><!--*--></font>Contacto:</div>
                                            </td>
                                            <td>
                                                <input type="text" name="contacto" size="40" />
                                            </td>
                                        </tr>
                                        <tr> 
                                            <td align="right" class="text"> 
                                                <div align="left"><font color="red"><!--*--></font>Localidad:</div>
 
                                            </td>
                                            <td>
                                                <input type="text" name="localidad" size="40" />
                                            </td>
                                        </tr>
                                        <tr> 
                                            <td align="right" class="text"> 
                                                <div align="left"><font color="red"><!--*--></font>E-mail:</div>
                                            </td>
 
                                            <td>
                                                <input type="text" name="correo" size="40" />
                                            </td>
                                        </tr>
                                        <tr> 
                                            <td align="right" class="text"> 
                                                <div align="left"><font color="red"><!--*--></font>Tel&eacute;fono:</div>
                                            </td>
                                            <td>
 
                                                <input type="text" name="telefono" size="40" />
                                            </td>
                                        </tr>
                                        <tr> 
                                            <td align="right" class="text"> 
                                                <div align="left">Mensaje:</div>
                                            </td>
                                            <td>
                                                <textarea name="mensaje" cols="37" rows="7"></textarea>                                            
                                            </td>
 
                                        </tr>
                                        <tr> 
                                            <td align="right">
                                                <div align="left"><b></b></div>
                                            </td>
                                            <td>
                                                <div align="left"> &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
                                                    <input type="button"  value="Enviar" name="submit"  class="categoria" onclick="verificarContactoEmpresa()" />
 
                                                    &nbsp; &nbsp; 
                                                    <input type="reset" value="Borrar" name="reset"  class="categoria" />
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </center>
                            </form>
                        </td>
 
                    </tr>
                </table>
            </center>
        </TD>
    </TR>
</TABLE></div>

SarahCrewe · #9 (**permalink**) 19/05/2011, 13:07

Prueba cambiando ..
function verificarContactoEmpresa()

Por ..
function verificarContactoEmpresa(frm2)

ivanin87 · #10 (**permalink**) 19/05/2011, 13:10

Lo he cambiado por verificarContactoEmpresa(formContactoEmpresas) que es el nombre que cambie tanto en el formulario como en el js y nada sigue igual...

document.formContactoEmpresas is undefined

Que ascooooo

alexg88 · #11 (**permalink**) 19/05/2011, 13:13

No veo el problema, como te digo a mi me funciona perfectamente. Debe ser algo que tienes en el código que no has enseñado. ¿No tendrás puesto esto dentro de un iframe no?

SarahCrewe · #12 (**permalink**) 19/05/2011, 13:13

Yo valido de esta manera..

Cita:

tal vez te sirva de algo..

ivanin87 · #13 (**permalink**) 19/05/2011, 13:22

Cita:

Iniciado por alexg88

No veo el problema, como te digo a mi me funciona perfectamente. Debe ser algo que tienes en el código que no has enseñado. ¿No tendrás puesto esto dentro de un iframe no?

No, es que si lo pongo en un html solo esa parte del código funciona bien, pero no se porque luego no me encuentra el elemento que tiene que comprobar... Si me puedes dar por privado un mail te mando el html que imprime el navegador por completo, es que aquí no me deja ponerlo...

alexg88 · #14 (**permalink**) 19/05/2011, 13:25

Utiliza esta página para poner el código y luego pones el link:

http://paste.ideaslabs.com/

ivanin87 · #15 (**permalink**) 19/05/2011, 13:33

No la conocia! jeje

http://paste.ideaslabs.com/show/G5aAuE1q2C

Gracias!

alexg88 · #16 (**permalink**) 19/05/2011, 13:44

Seguramente el problema es que tienes un formulario dentro de otro formulario (no deberías).
Te recomiendo que te mires el html porque las etiquetas no están bien cerradas.

ivanin87 · #17 (**permalink**) 19/05/2011, 13:47

Ok, lo revisaré!