Ajax submitting form

Question

I have a form with a disabled submit via return false on form submission. The problem is that I want to store data with ajax. When I applied ajax it's submitting the form which I don't want.

This is my jquery function.

function RegisterCourse(form)
{

    $('.barlittle').show();
    var all_data = $('#'+form).serialize();

    $.ajax({
        url:AjaxRecord.php,
        type:get,
        data:'all_data='+all_data,
        success:function(response){
            $('.barlittle').hide();
            var mesg="Successed";
            $('#temp').val(mesg);
            return false;
            },
        error:function(){
            $('.barlittle').hide();
            var error="ERROR";
            $('#temp').val(error);
            return false;
        }
    });
    return false;
}

Answer 1

Give your submit button an ID

<input type ='submit' id ='sbtForm' value = 'submit' />
//jquery
$("#sbtForm").click(function(e){
  e.preventDefault();
  $.ajax({.... //place your ajax code or call your ajax function
});

hope this will work for you.

Answer 2

The value of the url parameter should be a string

$("#your_button_id").click(function(e){
    e.preventDefault();
    $.ajax({
        url: 'AjaxRecord.php',
        type: get,
        data: 'all_data=' + all_data,
        success: function (response) {
            $('.barlittle').hide();
            var mesg = "Successed";
            $('#temp').val(mesg);
        },
        error: function () {
            $('.barlittle').hide();
            var error = "ERROR";
            $('#temp').val(error);
        }
    });
});

Answer 3

Try checking the value of the form you passed to the function.

if you are sending a different form that mean$('#'+form).serialize() is not the form you want