Problem with SUBMIT and ajax

Problem with SUBMIT and ajax

          Hello. I am working on a project. and using ajax to check if its a valid username and password. and if it isn't it shows this stuff and doesn't continue to login the user.

    but it doesn't seem to do that. it always jsut goes threw and response sometimes isn't set. and my other code to for registration works fine.

    Let me provide more information.

    If i put a Username and no password it works fine.
    if i put a nothing it works

    If i put no username but a password it works as intended.

    but if i put a bogus password or username to make it invalid it doesn't work.

    EDIT: I got it to work to an extent that it now flikkers the message i set once it hits false. but doesn't seem to get to the false. it still goes onto my login.php

    1. $(document).ready(function(){
    3. $("form").submit(function(){
    4. var user = $("#user").val();
    5. var pass = $("#pass").val();
    7. if(pass != "" && user != "")
    8. {
    9. jQuery.ajax({
    10. type: "POST",
    11. url: "checklogin.php",
    12. traditional: true,
    13. data: {username:user,password:pass},
    14. cache: false,
    15. success: function(response){
    17. alert("Num = " +response);
    19. if(response == 1){
    20. return true;
    21. }else{
    22. $('#invalidpu').css('display','block');
    23. $('#user').css('border', '3px #C33 solid');
    24. $('#pass').css('border', '3px #C33 solid');
    25. $('#cross2').fadeIn();
    26. $('#cross').fadeIn();
    27. return false;
    28. }
    29. }
    30. });
    31. }
    32. else
    33. {
    35. $('#invalidpu').css('display','block');
    36. $('#user').css('border', '3px #C33 solid');
    37. $('#pass').css('border', '3px #C33 solid');
    38. $('#cross2').fadeIn();
    39. $('#cross').fadeIn();
    40. return false;
    41. }
    42. });
    43. });