Question

以下是代码：

$(document).ready(function(){ 
    $(".confirm").confirm({
        text: "Are you sure?",
        title: "Confirmation required",
        confirm: function() {
            //when I click confirm it will redirect to the link
        },
        cancel: function() {
            //do something
        },
        confirmButton: "Yes",
        cancelButton: "No"
    });
});

以下是form：

<form action="submit.php" method="post">
    <input type="text" name="username" placeholder="Username">
    <button type="submit" class="confirm">Submit</button>
</form>

所以，当我点击＆＃34;是＆＃34;按钮继续提交表格。

顺便说一下，当我点击submit按钮时，确认对话框显示得非常好，但是当我点击＆＃34;是＆＃34;或＆＃34;不＆＃34;按钮。

Answer 1

尝试将选项post设置为true。

$(document).ready(function(){ 
    $(".confirm").confirm({
        text: "Are you sure?",
        title: "Confirmation required",
        confirm: function() {
            //when I click confirm it will redirect to the link
        },
        cancel: function() {
            //do something
        },
        confirmButton: "Yes",
        cancelButton: "No",
        post: true
    });
});

了解post选项here

Answer 2

您无法更改JavaScript对话框中的按钮。对于上面的javascript代码，我们应该为自定义确认框添加一些插件。

<form action="submit.php" method="post">
<input type="text" name="username" placeholder="Username">
<button type="submit" class="confirm">Submit</button>
</form>

<script type="text/javascript">
    $(document).ready(function(){
       $(".confirm").click(function(e){
            e.preventDefault();

            $(".confirm").confirm({
    text: "Are you sure?",
    title: "Confirmation required",
    confirm: function() {
        $("form").submit();
    },
    cancel: function() {
        //do something
    },
    confirmButton: "Yes",
    cancelButton: "No"
});

       });
    }); 
</script>

Answer 3

您可以点击按钮类型按钮并使用确认窗口管理按钮：

<button type="button" id="trigger" class="confirm">Submit</button>
...
$("#trigger").submit(confirmWindow);
...
function confirmWindow(){
    // Put here your confirm window code ...
}
...
$("#yourform").submit(); // ... and send the form if the user choose "yes"

：）

单击okay时，jQuery Confirm Dialog继续提交表单

3 个答案: