0

我有一个通过 jquery 提交的用于即时图像上传的表单。当图像开始通过表单上传时，我通过 jquery 显示取消上传按钮。现在有没有办法使用jquery，我可以在取消上传按钮的点击属性上停止/取消表单提交？我目前所做的是，我使用 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;
});
4

2 回答 2

1

那么取消你可以做event.preventDefault();然后return false。

例子

$('.cancel').on('click', function(e){
   e.preventDefault();
   return false;
});
于 2013-09-08T16:16:35.807 回答
0

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

$('.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;
});
于 2013-09-09T04:03:09.610 回答