Funcion de valicadion de campos.... no regresa return!!!!

[Huacho12]

Buenos dias!!

A todos los Foreros!!!!

Estoy haciedno un sistema en el cual debo de validar varios campos de texto los cuales se encuentran dentro de un formulario (obio no!!).

La funcion que estoy haciendo es para hacer en un sentido una "validacion dinamica" y no tener que repetir la misma validacion para esos campos, esta funcion debe valir si estan o no en blanco y mandar un alert y posteriormente terminar el IF con return para que el usuario llene ese campo. Les dejo el codigo de la funcion:

//funcion para validar los campos sin tener que estar repitiendo el codigo

Código Javascript:

function valCampos(objeto,msg)
{
        if(objeto.value==""){ alert(msg); return objeto.focus(); }
}
 
function validaForm()
{
       //mando llamar la funcion
      valCampos(document.form1.texto1,"Llena el campo de XX1");
      valCampos(document.form1.texto2,"Llena el campo de XX2");
      valCampos(document.form1.texto3,"Llena el campo de XX3");
}
 

Segun yo al momento de validar el primer campo si este esta en blanco debe de mandar el mensaje y posicionarse en el campo con la focus(), pero no lo hace si no que se pasa de largo y valida los tres seguidamente.

la funcion validaForm() la mando a llamar desde mi boton que se encuentra en el formulario.

Código HTML:

<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="texto1" id="texto1" />
  </label>
  <label>
  <input type="text" name="texto2" id="texto2" />
  </label>
  <label>
  <input type="text" name="texto3" id="texto3" />
  </label>
  <p>
    <label>
    <input type="button" name="button" id="button" value="Botón" onclick="validaForm();" />
    </label>
  </p>
</form>
 

Espero haberme explicado bien!! y muchas gracias deantemano por la ayuda!!

Saludos