javascript確認對話框無法正常工作

Question

我一直在嘗試使確認框工作，我使用php和jquery在單擊刪除鏈接時顯示一個確認框，實際代碼：

$(document).ready(function(){
    if (jQuery("a.delete-link").length > 0) {
        $("a.delete-link").bind("click", function(){
            return confirm("Sunteti sigur ca doriti sa stergeti?");
        });
    }
});

鏈接稱為：

<a href="javascript:void(0);" class="formSubmit delete-link" id="sterge">sterge</a>

該鏈接用於在單擊時提交表單，其代碼為：

$(document).ready(function(){
    if ($(".formSubmit").length > 0) {
        if ($(".formSubmit").parents("form").find("input:submit").length == 0) {
            $(".formSubmit").parents("form").append('<div style="width:1px;height:1px;overflow:hidden;"><input style="width:0;height:0;overflow:hidden;" type="submit" /></div>');
        }
        $(".formSubmit").click(function(){
            $(this).parents("form").trigger("submit");
            return false;
        });
    }
});

我確實得到了確認對話框，但是我選擇的任何選項，表單提交和刪除操作都被調用..知道我在做什么錯嗎？

Answer 1

將確認綁定到表單的onSubmit 。 這樣您將省去很多麻煩，無論表單如何提交，都將得到確認。

$( document ).ready ( function () {
    $( 'selector for your form' ).submit ( function () {
        return confirm ( 'Are you sure ...?' );
    } );
} );

Answer 2

您有兩個單擊事件綁定到錨標記。 第一個事件顯示確認，第二個事件提交表單。

僅在用戶確認后觸發表單提交：

$(document).ready(function(){
    if ($(".formSubmit").length > 0) {
        if ($(".formSubmit").parents("form").find("input:submit").length == 0) {
            $(".formSubmit").parents("form").append('<div style="width:1px;height:1px;overflow:hidden;"><input style="width:0;height:0;overflow:hidden;" type="submit" /></div>');
        }
        $(".formSubmit").click(function(){
            if ($(this).hasClass('delete-link') && confirm("Sunteti sigur ca doriti sa stergeti?"))
            {
                $(this).parents("form").trigger("submit");
            }
            return false;
        });
    }
});

Answer 3

你可以使用這個：

<a href="#" onclick"return javascript:void(0);" ... />