使用 jQuery 确认框

Question

当我通常使用 link 的确认框时，我是这样做的：

<button type="button" class="btn btn-danger btn-sm" onclick="return confirm('Wollen Sie den Datensatz wirklich löschen?')">Delete</button>

现在我必须提交表格。在确认框的消息中，必须显示表单输入字段的值。

我解决这个问题的尝试是：

<input id="endetzum" type="text" class="form-control" name="Kursende" form="formularmodal3">
<input type="submit" class="btn btn-primary" value="Auswählen" form="formularmodal3" id="buttonkursende">

$('#buttonkursende').click(function(){
var datumende = ($("#endetzum").val());
confirm('Der Kurs endet zum '+datumende);
});

它也可以在视觉上工作，但无论单击“确定”还是“取消”，表单始终会执行。

单击“取消”时如何阻止发送表单？

Answer 1

为了避免进一步执行 jQuery 事件绑定，事件函数必须 return false 或者可以使用 event.preventDefault()

$('#buttonkursende').click(function(){
    var datumende = ($("#endetzum").val());
    return confirm('Der Kurs endet zum '+datumende);
});

// or

$('#buttonkursende').click(function(e){
    var datumende = ($("#endetzum").val());
    if(!confirm('Der Kurs endet zum '+datumende)) {
        e.preventDefault();
    }
});

Answer 2

要解决此问题，请使用 .submit() 事件来处理此表单提交代码。

试试下面的代码，它会为你工作。

在使用下面的代码之前，请确保 formularmodal3 是您的表单的 ID。

$('#formularmodal3').submit(function(){
    var datumende = ($("#endetzum").val());
    var result =    confirm('Der Kurs endet zum '+datumende);
    return result;
});

使用 jQuery 确认框

Confirm box with jQuery

jquery

confirm