带有if else语句的javascript函数忽略返回true/false

Question

So I have a PHP form which is being submitted with isset($_POST[]) . I wrote a js function which runs some code with if-else which should return true/false but it's not and the form is getting submitted regardless.

I've tried using e.preventDefault() but that hasn't worked for me either. I also tried putting the true/false in a var as so out = true/false (Of course I put them in different var as for if and else), and then tried returning them as return out . Code for true/false in var -

function submitFunc(a, b) {
   if (a >= b) {
        alert("*Duration cannot be greater than Quoted Hours");
        out = false;
    }       
    else {
        out = true;
    }   
    window.location = "add_working_details.php";
    return out;

}

Original Code -

function submitFunc(a, b) {

    if (a >= b) {
        alert("*Duration cannot be greater than Quoted Hours");
        // event.preventDefault();
        //out = false;
        return false;
                window.location = "add_working_details.php";
    }       
    else {
        // out = true;
        return true;
    }   
    //return out;
    // window.location = "add_working_details.php";
}

The AJAX function-

$("#submit").click(function(){//comparing the total quoted hours with duration of time selected         
        ticket_id = $('#ticket_no').val();
        total_hours = $('#total_hours').val(); 

        var user_dur, ud, th;

        $.ajax({
            url: 'comp_time.php',
            type: 'GET',
            data: {ticket_id: ticket_id, total_hours: total_hours} ,
            success: function (response) {
                // console.log("response", response);
                var resp = response;
                user_dur = $('#time_duration').text();
                ud = compare_time(user_dur); //user duration
                th = Number(resp); //total quoted hours

                submitFunc(ud, th);
            }

        }); 
    });

So I believe that returning false should stop the form from submitting and then with the window.location it should redirect to the page I want but it's not doing so. Please correct me if my logic is wrong. Thanks for your time.

Answer 1

First your function should prevent the submit regardless of the event outcome

$("#submit").click(function(e){
e.preventDefault();

second you need to remove the returns from your function, they don't affect you click event

function submitFunc(a, b) {

    if (a >= b) {
        alert("*Duration cannot be greater than Quoted Hours");       
    } else {
       window.location = "add_working_details.php";
    }
}

Answer 2

$('#form').submit(function(e) {
   if (submitFunc(1, 2)) {
   $.ajax({});
    } else {
        e.preventDefault();
    }
})