从javascript停止/取消表单jquery表单操作？

Question

我有一个通过jquery提交的表单，用于即时图片上传。当图像开始通过表单上传时，我通过jquery显示取消上传按钮。现在有一种使用jquery的方法，我可以在取消上传按钮的click属性上停止/取消表单提交吗？我目前所做的是我使用ajax从数据库中删除当前上传，然后刷新页面。这不会上传图片，但我试图找到一些不会让页面刷新的内容。

$('.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;
});

Answer 1

取消后，您可以event.preventDefault();然后return false。

示例

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

Answer 2

请使用以下代码并查看我的评论：

$('.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;
});