Submit form if ajax validator returns true using jquery
        Posted  
        
            by 
                Anthony
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Anthony
        
        
        
        Published on 2011-01-04T19:43:28Z
        Indexed on 
            2011/01/04
            19:54 UTC
        
        
        Read the original article
        Hit count: 221
        
I am not sure where I'm going wrong. The idea is that before the form is submitted, one of the input fields is sent to a server-side validator via ajax. If the response is 1, the input is valid and the form should be submitted. If the response is 0, the form should not be submitted. The issue is that I can't figure out how to set a variable within the ajax request function that will prevent the form from being submitted. This is what I have:
$("#form").submit(function() {
    var valid= false;
    var input = $("#input").val();
    $.ajax({
       type: "POST",
       url: "validator.php",
       data: "input=" + input,
       success: function(msg){
            valid = (msg == 1) ? true : false;
            if(!valid) {
                $("#valid_input").html("Please enter valid info");
            } else {
                $("#valid_input").html("");
            }
       }
     });
    return valid;
 });
        © Stack Overflow or respective owner