Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2011, 18:48
Avatar de sunnyton
sunnyton
 
Fecha de Ingreso: abril-2010
Mensajes: 153
Antigüedad: 13 años, 10 meses
Puntos: 6
Mi codigo de formulario no funciona en Firefox

hola que tal amigos miren les planteo mi situacion estoy apenas aprendiendo javascript y lo estoy usando para validar un formulario el caso que e programado es que al enviar el formulario si el campo de nombre o de email esta vacio me lanze un alert y me ponga las letras en rojo del texto del campo que este vacio (eso de poner rojo el texto nadamas lo puse en el nombre no email)

pero lo pruebo en chrome, ie, y en el vista previa del dreamweaver y todo bien... pero lo pruebo en firefox 4 y nada... podrian ver ustedes si les sirve en su firefox?
la direccion es http://paginasmex.com/contacto.html


estos son los codigos

FORM
Código HTML:
Ver original
  1. <form action="envio.php" method="post" name="contacto" class="globo" id="contacto">
  2.  
  3.         <p id="camp1">Nombre *<br />
  4.       <input name="nombre" type="text" id="nombre" size="40" maxlength="60" />      
  5.       <p>        Su email *<br />
  6.         <input name="email" type="text" id="email3" size="40" maxlength="60" />
  7.      
  8.       <p>Teléfono (con extensión)<br />
  9.         <label for="telefono"></label>
  10.         <label for="telefono3"></label>
  11.  
  12.         <input name="telefono" type="text" id="telefono3" size="40" />
  13.       </p>
  14.       <p>Nombre de la empresa o negocio<br />
  15.         <label for="empresa2"></label>
  16.         <input name="empresa" type="text" id="empresa2" size="40" maxlength="60" />
  17.       </p>
  18.       <p>Ciudad- y Estado<br />
  19.         <label for="ciudad2"></label>
  20.  
  21.         <input name="ciudad" type="text" id="ciudad2" size="40" maxlength="60" />
  22.       </p>
  23.       <p>Como llegue a PaginasMEX<br />
  24.         <label for="encontrar"></label>
  25.         <select name="encontrar" id="encontrar">
  26.           <option selected="selected">Me lo recomendo un amigo</option>
  27.           <option>Lo encontre por internet</option>
  28.  
  29.           <option>Desde un diseño web de PaginasMEX</option>
  30.         </select>
  31.       </p>
  32.       <p>Esta interesado en<br />
  33.         <label for="plan"></label>
  34.         <select name="plan" id="plan">
  35.           <option selected="selected">Plan 1</option>
  36.  
  37.           <option>Plan 2</option>
  38.           <option>Plan 3</option>
  39.           <option>Plan Sencillo</option>
  40.           <option>Plan Profesional</option>
  41.           <option>Plan Personalizado</option>
  42.           <option>Otro</option>
  43.  
  44.         </select>
  45.       </p>
  46.       <p>Mensaje o comentarios<br />
  47.         <label for="comentarios"></label>
  48.         <textarea name="comentarios" cols="40" rows="7" id="comentarios"></textarea>
  49.       </p>
  50.       <p>
  51.         <input type="button" name="enviar" id="enviar" value="Enviar Mensaje" onclick="form_valido(this.form)" />
  52.  
  53.       </p>
  54.     </form>


JS
Código Javascript:
Ver original
  1. // JavaScript Document
  2. //funcion que se ejecutara cuando se de clic en el boton de enviar
  3. function form_valido(form){
  4.     if (contacto.nombre.value.length==0){ //validamos que el campo nombre no este vacio
  5.         alert("Nombre es obligatorio");
  6.         contacto.nombre.focus(); //ponemos el puntero en el campo de texto
  7.         document.getElementById('camp1').style.color='#F00';
  8.         return 0; //cortamos la funcion
  9.     }
  10.     if (contacto.email.value.length==0){
  11.         alert("Email es obligatorio");
  12.         contacto.email.focus();
  13.         return 0;
  14.     }
  15.     contacto.submit(); //si la funcion no tubo errores y no se corto con un return 0 entonces se enviara el formulario
  16. }