Mi codigo de formulario no funciona en Firefox

[sunnyton]

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:

<form action="envio.php" method="post" name="contacto" class="globo" id="contacto">
 
        <p id="camp1">Nombre *<br />
      <input name="nombre" type="text" id="nombre" size="40" maxlength="60" />      
      <p>        Su email *<br />
        <input name="email" type="text" id="email3" size="40" maxlength="60" />
      
      <p>Teléfono (con extensión)<br />
        <label for="telefono"></label>
        <label for="telefono3"></label>
 
        <input name="telefono" type="text" id="telefono3" size="40" />
      </p>
      <p>Nombre de la empresa o negocio<br />
        <label for="empresa2"></label>
        <input name="empresa" type="text" id="empresa2" size="40" maxlength="60" />
      </p>
      <p>Ciudad- y Estado<br />
        <label for="ciudad2"></label>
 
        <input name="ciudad" type="text" id="ciudad2" size="40" maxlength="60" />
      </p>
      <p>Como llegue a PaginasMEX<br />
        <label for="encontrar"></label>
        <select name="encontrar" id="encontrar">
          <option selected="selected">Me lo recomendo un amigo</option>
          <option>Lo encontre por internet</option>
 
          <option>Desde un diseño web de PaginasMEX</option>
        </select>
      </p>
      <p>Esta interesado en<br />
        <label for="plan"></label>
        <select name="plan" id="plan">
          <option selected="selected">Plan 1</option>
 
          <option>Plan 2</option>
          <option>Plan 3</option>
          <option>Plan Sencillo</option>
          <option>Plan Profesional</option>
          <option>Plan Personalizado</option>
          <option>Otro</option>
 
        </select>
      </p>
      <p>Mensaje o comentarios<br />
        <label for="comentarios"></label>
        <textarea name="comentarios" cols="40" rows="7" id="comentarios"></textarea>
      </p>
      <p>
        <input type="button" name="enviar" id="enviar" value="Enviar Mensaje" onclick="form_valido(this.form)" />
 
      </p>
    </form>
 

JS

Código Javascript:

// JavaScript Document
//funcion que se ejecutara cuando se de clic en el boton de enviar
function form_valido(form){
    if (contacto.nombre.value.length==0){ //validamos que el campo nombre no este vacio
        alert("Nombre es obligatorio");
        contacto.nombre.focus(); //ponemos el puntero en el campo de texto
        document.getElementById('camp1').style.color='#F00';
        return 0; //cortamos la funcion
    }
    if (contacto.email.value.length==0){
        alert("Email es obligatorio");
        contacto.email.focus();
        return 0;
    }
    contacto.submit(); //si la funcion no tubo errores y no se corto con un return 0 entonces se enviara el formulario
}
 

[zerokilled]

buenas,
fijate en la funcion estas intentando tener acceso al formulario mediante el nombre. sin embargo, la referencia esta mal hecha porque javascript entiende que contacto es una variable pero no esta definida. de todos modos, no entiendo porque usas dicho nombre si la referencia al formulario la estas pasando como parametro a la funcion. es decir, en lugar de contacto deberias usar form. por otro lado, las funciones para validar un formulario debe realizarse desde el evento onsubmit del formulario y no en el evento onclick del boton. esto para poder cancelar apropiadamente el envio de formulario.

[sunnyton]

Iniciado por zerokilled

buenas,
fijate en la funcion estas intentando tener acceso al formulario mediante el nombre. sin embargo, la referencia esta mal hecha porque javascript entiende que contacto es una variable pero no esta definida. de todos modos, no entiendo porque usas dicho nombre si la referencia al formulario la estas pasando como parametro a la funcion. es decir, en lugar de contacto deberias usar form. por otro lado, las funciones para validar un formulario debe realizarse desde el evento onsubmit del formulario y no en el evento onclick del boton. esto para poder cancelar apropiadamente el envio de formulario.

ohh amigo muchisimas gracias no entendi muy bien tu mensjae ya que fue alo confuso por culpa de mis pocos conocimientos en JS pero leyendo la 3ra vez entendi ya bien y gracias ya pude resolverlo si era eso de que quiera tener acceso con una ruta equivocada gracias