Validacion campos formulario javascript

[emprear]

En primer lugar, binevenido a FDW @adolfogt.
Sin ponerme a analizar si todas tus validaciones son correctas. Lo que entiendo es que querés hacer que todos los campos sean validados en conjunto, y luego mostrarle al usuario posibles errores.

a ver si esta estructura te orienta

con el evento onsubmit hacés validar(), vamos a asumir que en nuestras condiciones el if es para correcto en tanto el else para incorrecto. No te desarrollo toda la validación, es solo n ejemplo

Código Javascript:

// inicializás una variable denominada mensaje_error
var mensaje_error = "";
 
function validar(){
 
if(nombre != ""){
// ok
}else{
mensaje_error += "nombre incorrecto<br>";
}
 
if(email != ""){
// ok
}else{
mensaje_error += "email incorrecto<br>";
}
 
// haces lo mismo aplicando las validaciones necesarias, una vez hecho todo
 
 
if(mensaje_error != ""){
// es decir hay algun error
document.getElementById('mensajes').innerHTML = "mensaje_error";
return false; // evitás el envío
}
 
}
 

y tu html

Código HTML:

<form action="x.php" onsubmit="return validar()">
tu form
</form>
<div id="mensajes">
<!-- div para imprimir los mensajes de error -->
</div>
 

Saludos