Programación Web y Scripting > JavaScript

 Validacion de campos no funciona en Firefox

(1/1)

goldenscriptup:
Me pueden asesosar o sugerir por favor para resolver el inconveniente del siguiente codigo. El problema consiste que en IE6 si funciona la validacion de los campos pero al hacer pruebas en Firefox3 no funciona. De antemano gracias.

<div id="formu">
   <form method="post" action="contacto.php" name = "cont">
     <div id="error"></div>
     <table>
        
      <tr>
         <td class="colortitulo">
            Nombre:<br> <input type="text" name="nombre" maxlength="40" size="40">
         </td>
      </tr>
      <tr>
         <td class="colortitulo">
            Empresa:<br> <input type="text" name="empresa" maxlength="40" size="40">
         </td>
      </tr>
      <tr>
         <td class="colortitulo">
            Correo electronico:<br> <input type="text" name="email" maxlength="40" size="40">
         </td>
         <td class="colortitulo">
            Telefono:<br><input type="text" name="tel" maxlength="40" size="15">
         </td>
      </tr>
      <tr>
         <td class="colortitulo" colspan="2">
            Solicitud de información - Comentarios:<br>
            <textarea name="comentarios" cols="65" rows="4"></textarea>
         </td>
      </tr>
      <tr>
         <td colspan="2" style="text-align:center">
            <input  name="enviar" value="Enviar consulta" type="button" onClick="javascript: ejecutar();">
         </td>
      </tr>
      </table>
      <script type="text/javascript">
      function ejecutar() {
                        var nombre = cont.elements.nombre;
                     var empresa = cont.elements.empresa;
                     var email = cont.elements.email;
                     var tel = cont.elements.tel;
                     var comentarios = cont.elements.comentarios;
                     
                     if (nombre.value == "") {
                        nombre.focus();
                        error.innerHTML = "Por favor ingrese su nombre";
                        return;
                     }
                     if (empresa.value == "") {
                        empresa.focus();
                        error.innerHTML = "Por favor ingrese el nombre de la empresa";
                        return;
                     }
                     if (email.value == "") {
                        email.focus();
                        error.innerHTML = "Por favor ingrese el correo electronico";
                        return;
                     }
                     if (tel.value == "") {
                        tel.focus();
                        error.innerHTML = "Por favor ingrese el telefono";
                        return;
                     }
                     if (comentarios.value == "") {
                        comentarios.focus();
                        error.innerHTML = "Por favor ingrese los comentarios";
                        return;
                     }
                     
                     cont.submit();
                  }

      
      
      </script>
     </form>

  </div>

RadicalEd:
Cada que yo me quiero referir a los campos de un formulario lo comiendo desde "document", en tú ejemplo faltaría algo como:

--- Código: Text ---function ejecutar() {var nombre = document.cont.elements.nombre;var empresa = document.cont.elements.empresa;var email = document.cont.elements.email;var tel = document.cont.elements.tel;var comentarios = document.cont.elements.comentarios; Además para hacer algo más legible el código puedes dejarlo de esta forma

--- Código: Text ---function ejecutar() {f = document.cont;var nombre = f.elements.nombre;var empresa = f.elements.empresa;var email = f.elements.email;var tel = f.elements.tel;var comentarios = f.elements.comentarios; 

shadow_rev:
Para complementar con lo que te puso Edo:

--- Código: Javascript ---var error = document.getElementById("error"); Eso para que te funcione también las líneas con error.innerHTML = ...

goldenscriptup:
Gracias por la ayuda a edo y a shadow_rev. Implemente las sintaxis que me proporcionaron y funciona bien en los dos exploradores.

el_shanky:
mi consejo... no programes para ie6!  :P

Navegación

[0] Índice de Mensajes