Validación de datos con JavaScript y HTML

hola queridos(as) lectores y amigos que me siguen, hoy lees mostrare como validar datos en los campos de mi login que en la publicacion anterio realize pues ahora con esa misma interfaz agregaremos un JavaScript el cual nos permitira realizar la validacion de los campos para no tener inconsistencia de datos es decir que solo me permira avanzar si rellene todos los campos de lo contrario me mostrara un mensaje de alerta y no me dejara avanzar a PHP el cual tenemos conectado a una base de datos que por medio de una consulta con nuestros datos lla previamente validados con JavaScript nos regresara si esta o no dentro de nuestra base de datos.

en la siguiente imagen esta el codigo  de JavaScript el cual utilizaremos para crear la validacion

bueno ahora lo unico que tenemos que hacer es llamar el metodo en donde tenemos la llamada a php  como en la siguiente imagen.

de esta forma si retorna true (verdadero) se creara la consulta en caso contrario retorne false(falso) no mantendra en la pagina del formulario hasta que todos los campos este previamente con la informacion correspondiente.

 para el caso de ser false nos retornara lo siguiente

y para el caso de  true

bueno para los que quieran el codigo completo pueden descargarlo en el siguiente link

https://mega.co.nz/#!1klCHDaS!PbmbpZasJ8G_Pe_qLRjEPTlusKs5Dg4TdXlwXO1fYP0