Consulta MySql con js

[dragonfire256]

Hola buenos dias... Me gustaria hacer una validacion para verificar si un usuario no existe... Voy a postear el codigo y a continuacion explicar lo que quiero:

Código Javascript:

function comprobarClave(form1){ 
        var password1 = document.forms['form1'].elements['password']; 
        var password2 = document.forms['form1'].elements['password2']; 
 
        if (password1.value == password2.value && password1.value!='' && password2.value!=''){
            alert("La clave ha sido cambiada con exito");
            return true;
            document.location.href="index.php";
        }
        else{ 
            alert("La contrase\u00F1a no coincide. Por favor, verifique e intente nuevamente");
            return false;           
        }
}
 

Lo anterior se encuentra dentro de la etiqueta script de html y funciona bien... Y tengo esto en la etiqueta form:

Código HTML:

<form id="form1" name="form1" method="post" action="" onSubmit="return comprobarClave(this)">
 

Pero quiero hacer algo como esto (que esta en php actualmente) pero con javascript:

Código PHP:

$usuarios="SELECT nombre_usuario from users where nombre_usuario='{$_POST['usuarioE']}'";
    $select=mysql_query($usuarios,$con);
    $total_usuarios=mysql_num_rows($select);
    if($total_usuarios<=0)
    {
        echo '<script type="text/javascript">alert("El usuario no existe");</script>';
    }
 

Es decir, que con javascript se verifique si existe el usuario en la base de datos... Porque si lo dejo asi mostraria primero el alert de la funcion comprobarClave y luego iria al de php, lo que no tiene sentido... Espero haberme explicado... Muchas gracias