Member Avatar for feoperro

Hi there,

I'm trying to do a Username validation with JQuery but I'm not sure how to get a "TRUE" from the first section of code before going to the next section which is an ajax call to the backend. Below is my code.

$(document).ready(function() {
    $("#username").change(function() {
        var username = $("#username").val(); //Get the value in the username textbox
        
        //How do you get a true/false from here?
          
        username.validate({
            rules: {
                username: {
                    required: true,
                    minlength: 2
                }
            },
            messages: {
                username: {
                    required: "Please specify your name",
                    minlength: "Your username should be at least 2 characters"
                }
            }
        });
        
        //This part should not process until the code above returns true

        $("#availability_status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...'); //Add a loading image in the span id="availability_status"
        $.ajax({    //Make the Ajax Request
            type: "POST",
            url: "username_availability.php", //file name
            data: "username=" + username, //data
            success: function(server_response) {
                $("#availability_status").ajaxComplete(function(event, request) {
                    if(server_response == '0') { //If ajax_check_username.php return value "0"
                        $("#availability_status").html('<img src="available.png" align="absmiddle"> <font color="Green"> Available </font>');
                    //Add this image to the span with id "availability_status"
                    }
                    else  if(server_response == '1') { //if it returns "1"
                        $("#availability_status").html('<img src="not_available.png" align="absmiddle"> <font color="red">Not Available </font>');
                    }
                });
            }
        });

        return false;
    });
});

Thanks for your Skillz!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.