Question

我正在django创建一个应用程序，我遇到了下一个问题：我在html中有一个带有提交按钮的表单，但是我想显示一个确认对话框来选择Yes或{{ 1}}在处理信息之前。我怎么能这样做？

这是我的表单代码：

No

非常感谢你！

Answer 1

如果您只是想要用户确认，请在您的表单标记中添加onsubmit属性。

https://jsfiddle.net/yetn60ja/

<form id="id"
    method="POST" action="/y/b/"
    enctype="multipart/form-data"
    onsubmit="return confirm('Do you really want to submit the form?');"
>
    <input class="btn btn-primary"
        type="submit" name="submit" value="A"
    />
</form>

编辑或尝试以下代码

<form id="id"
    method="POST" action="/y/b/"
    enctype="multipart/form-data"
>
    <input class="btn btn-primary"
        type="submit" name="submit" value="A"
        onclick="return confirm('Do you really want to submit the form?');"
    />
</form>

Answer 2

试试这个：

<script>
    var element = document.getElementById('submitBtn').click = function () {
           if(confirm("Are sure you want to submit the form")) {
               // do what ever you want if the form is submitted.
           }
        };
</script>

在你的按钮中添加id属性

<input id='submitBtn' class="btn btn-primary" type="submit" name="submit" value="A" />

注意：最好在html script标记中添加head标记

Answer 3

请查看以下链接。

Fiddle

 function fnOpenNormalDialog() {
    $("#dialog-confirm").html("Confirm Dialog Box");

    // Define the Dialog and its properties.
    $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true);
            },
                "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
}

$('#btnOpenDialog').click(fnOpenNormalDialog);

function callback(value) {
    if (value) {
        alert("Confirmed");
    } else {
        alert("Rejected");
    }
}

Answer 4

您可以安装JQuery插件或将自定义编写到代码

left

安装JQuery插件jquery.confirm

Answer 5

在提交之前，您需要创建一个函数来检查用户是否要确认请求。您可以使用preventDefault（）的“confirm（）”函数来停止提交，如果为true，则发送提交或将您的type = submit更改为按钮，并在函数中确认用户是否要继续发送请求。

Answer 6

在onclick事件上添加javascript函数。例如：

<input class="btn btn-primary" type="submit" onclick="clicked();" name="submit" value="A" />

并添加javascript函数

function clicked() {
       if (confirm('Do you wanna to submit?')) {
           yourformelement.submit();
       } else {
           return false;
       }
    }

如何以html5格式向提交按钮添加确认对话框？

6 个答案: