Con esto te da una alerta si tienes algun campo vacio.
function validar(){
var validado = true;
elementos = document.getElementsByClassName("inputFormu");
for(i=0;i<elementos.length;i++){
if(elementos[i].value == "" || elementos[i].value == null){
validado = false
}
}
if(validado){
window.location = "/action_page.php";
}else{
alert("Hay campos vacios")
}
}
<form action="javascript:validar()" >
First name: <input class="inputFormu" type="text" name="FirstName" ><br>
Last name: <input class="inputFormu" type="text" name="LastName" ><br>
<input id="boton" type="submit" value="Submit">
</form>
Si quieres que el boton este bloqueado dependiendo de si hay los inputs estan vacios o no, lo que deberias hacer es basicamente lo mismo, pero en vez de que la funcion validar se ejecute cuando envias el form, que se ejucute con un keyup
en cada uno de los inputs.
De esta manera, en la segunda solucion no te permite enviar el formulario haste que los campos tengan datos.
function validar(){
var validado = true;
elementos = document.getElementsByClassName("inputFormu");
for(i=0;i<elementos.length;i++){
if(elementos[i].value == "" || elementos[i].value == null){
validado = false
}
}
if(validado){
document.getElementById("boton").disabled = false;
}else{
document.getElementById("boton").disabled = true;
//Salta un alert cada vez que escribes y hay un campo vacio
//alert("Hay campos vacios")
}
}
<form>
First name: <input onkeyup="validar()" class="inputFormu" type="text" name="FirstName" ><br>
Last name: <input onkeyup="validar()" class="inputFormu" type="text" name="LastName" ><br>
<input id="boton" type="submit" value="Submit" disabled>
</form>