stop/cancel form jquery form action from javascript?

Question

I have a form that is submitted via jquery for an instant image upload. When the image starts to upload via the form, i show a cancel upload button via jquery. Now is there a way using jquery, i can stop/cancel the form submission on the click property of the cancel upload button? What i do currently is that i delete the current upload from the databse using ajax and then refresh the page. this will not upload the image but i am trying to find something that will not let the page refresh.

$('.deleteimage').live("click", function () {
    var ID = $(this).attr("id");
    var IPString = $(".ipvaluetable").val();
    var dataString = 'msg_id=' + IPString;
    document.getElementById("preview").style.visibility = "hidden";
    $(".preview").slideUp('slow', function () {
        $(this).remove();
    });
    document.getElementById("deleteimage").style.visibility = "hidden";

    $.ajax({
        type: "POST",
        url: "http://schoolspam.com/delete_image.php",
        data: dataString,
        cache: false,
        success: function (html) {}
    });

    location.reload();

    return false;
});

can u add the html form part also? – Roy M J Sep 09 '13 at 04:00 — Roy M J, Sep 09 '13 at 04:00
What are you using for image upload? – BMH Sep 09 '13 at 06:35 — BMH, Sep 09 '13 at 06:35

score 1 · Answer 1 · answered Sep 08 '13 at 16:16

1

Well on cancel you can do event.preventDefault(); and then return false.

Example

$('.cancel').on('click', function(e){
   e.preventDefault();
   return false;
});

answered Sep 08 '13 at 16:16

Dipesh Parmar

27,090
8
61
90

check here for more...http://stackoverflow.com/questions/10092580/stop-form-from-submitting-using-jquery – Dipesh Parmar Sep 08 '13 at 16:17

score 0 · Answer 2 · answered Sep 09 '13 at 04:03

Please use below code and also see my comments :

$('.deleteimage').live("click", function (e) {

    e.preventDefault();//Stops default behaviour

    var ID = $(this).attr("id");
    var IPString = $(".ipvaluetable").val();
    var dataString = 'msg_id=' + IPString;
    document.getElementById("preview").style.visibility = "hidden";
    $(".preview").slideUp('slow', function () {
        $(this).remove();
    });
    document.getElementById("deleteimage").style.visibility = "hidden";

    $.ajax({
        type: "POST",
        url: "http://schoolspam.com/delete_image.php",
        data: dataString,
        cache: false,
        success: function (html) {}
    });

    //location.reload();//This one needs to be removed so as to stop the reload

    return false;
});

stop/cancel form jquery form action from javascript?

2 Answers2