1. Nunca dije que no validaras en php, como indiqué, haz las validaciones PREVIAS en js. Dices que ya las estás haciendo, muy bien.
2. Debes comprender que los errores de php que vas a mostrar son a final de cuentas una salida en html, por tanto, nuevamente, php no tiene ningún vínculo con el css.
¿Cómo poner estilos a los mensajes de error? bueno, incluso es posible que el mensaje de error lo coloque como una alerta de js, pero directo al tema: si el mensaje de error los colocas dentro de una capa (div) y a éste le asignas un estilo y dicho estilo lo defines en tu css, pues tendrás un mensaje de error con estilo:
css:
Código CSS:
Ver original.error{
padding:20px;margin:0px;
width:300px;
height:150px;
background:#fff;
border:2px solid #DC143C;
display:table;
font:bold 12pt Helvetica,Verdana, Arial;
border-radius:10px;
background-image:url('img/alert.png');/*yo uso una x en color rojo para indicar el error*/
background-repeat:no-repeat;
background-position: 5px 10px;
}
php:
Código PHP:
Ver originalif(strpos($campo,' ')!==false) echo '
<div class="error">
Error: el campo fulanito no debe contener espacios en blanco...
</div>
';