Hola:
Lo cierto es que no te debería funcionar ni en IE... has escrito un
end al final del código que no acabo de entender para qué es, ¿no debería terminar ahí la etiqueta script?
Te he cambiado un poco la estructura del condicionante (introduzco el
else if), aunque no haría falta un else al final, ya que en todos los casos en los que falla hacemos un return. Y ya que tienen el mismo atributo id que name, los he referenciado con
document.getElementById(), que FF lo pedía a gritos.
También te he tocado el xhtml para que sea más correcto, es la base para el buen funcionamiento de javascript.
Así quedaría:
Código HTML:
<script type="text/javascript">
function validar_campo() ////Funcion que valida cada uno de los campos de texto.
{
if (document.getElementById("txt_nombres").value == ""){
alert("Debe ingresar el nombre.");
f1.txt_nombres.focus();
return false;
}
else if (document.getElementById("txtapellidos").value == ""){
alert("Debe ingresar el apellido.");
f1.txtapellidos.focus();
return false;
}
else{
return true;
}
}
</script>
<form name="f1" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>" onsubmit="return validar_campo()">
<input class="text" id="txt_nombres" size="30" name="txt_nombres" />
<input class="text" id="txtapellidos" size="30" name="txtapellidos" />
<input type="submit" value="Guardar" name="Submit" />
</form>
Un saludo.