Why does this Javascript code not work?

Question

Why This Javascript Doesn’t Work?

Javascript code:

$('#basic_validate').submit(function(e) {
    document.getElementById('successmsg').style.display = 'none';
    document.getElementById('errormsg').style.display = 'none';
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: "../suppliers/resources/controllers/register.php",
        async: true,
        data: $(this).serialize(),
        success: function(data) { 
        },
        complete: function(result){
            if(result == true){
                //clear inputs
                document.getElementById('successmsg').style.display = 'block';
            }else{
                document.getElementById('errormsg').style.display = 'block';
            }
        }
    });
});

HTML code:

<form class="form-horizontal" method="post" name="frmLogin" id="frmLogin">
//text_inputs

Answer 1

If you are doing Submit by ajax you have to stop Submit by HTML.
For that you have to use the .preventDefault().

Use like this:

$('#frmLogin').submit(function(e) {
    e.preventDefault(); // <------------
    $.ajax({
        type: "POST",
        url: "../controllers/insert.php",
        async: true,
        data: $(this).serialize(),
        success: function(data) { 
        },
        complete: function(result){
            if(result == 10)
                //clear inputs
                //show msg success
            else
                //show msg error
        }
    });
});