Procesar form sin recargar pagina

[jandrogdz]

Buenas foro.

Espero me puedan ayudar con una duda. Lo que necesito es validar un formulario con datos de la base de datos pero no se como hacer para mostrar los mensajes de error sin que la pagina se recargue.

Tengo un script que procesa el formulario sin recargar pero dicho script me muestra la pagina en un div y necesito que si los datos son incorrectos solo se muestre el mensaje de lo contrario que redireccione a la pagina especificada.

script ajax:

Código Javascript:

$(function(){
        $("#formLogin").submit(function(){
            $.ajax({
                type:"POST",
                url:"valida.php",
                dataType:"html",
                data:$(this).serialize(),
                beforeSend:function(){
                    $("#loading").show();
                },
                success:function(data){
                    $("#mnsj").html(data);
                    $("#loading").hide();
                }
 
            })
            return false;
        })
 
      })
 

fomulario:

Código HTML:

<form method="POST" name="formLogin" id="formLogin">
            <label for="loginUser">Usuario</label>
            <input type="text" name="loginUser" id="loginUSer" />
            <label for="loginPass">Contrase&ntilde;a</label>
            <input type="password" name="loginPass" id="loginPass" />
            <input type="submit" name="logueo" id="logueo" value="Loguearme" />
        </form>
 
// Aqui se muestra el mensaje de error si los datos son erróneos y si los datos son correctos quisiera que me direccionara a la pagina.
<p id="mnsj"></p>
 

espero me puedan ayudar.
De antemano muchas gracias...