带有 jQ​​uery 的确认框

Question

当我通常对链接使用确认框时，我会这样做：

<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 事件绑定，事件函数必须返回 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;
});