JavaScript 弹出窗口/警报

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 5 年前。

Improve this question

我有一个表格，我希望用户确认他们的订单是否正确。我通过这种方式得到两个弹出窗口，只想要一个总结订单并提示确认消息的窗口。当用户单击“确定”时，弹出窗口将关闭并返回到提交表单(有一个提交按钮)。但是，如果用户单击取消，则表单将重置并弹出窗口关闭。任何帮助表示赞赏。谢谢注意:这是评估的一部分，即使有更好的方法，也必须以这种方式完成。

//JavaScript 文档

function display() {
    var x=document.confirm.qty.value; 
    var y=document.confirm.price.value; 
    var z=document.confirm.total.value;
    alert("Quantity:"+x+" \n "+"Price Each:"+y+" \n "+"Total Price:"+z );  

    if(confirm('Confirm your order?'));
}

Answer 1

您实际上正在寻找window.confirm() 。该对话框显示两个按钮:“确定”和“取消”。它还返回一个 bool 值，指示是否选择了“确定”或“取消”。

假设您的 display 函数是一个 onSubmit 处理程序，您可以像这样重写它:

function display(event) {
    var x = document.querySelector('[name="qty"]'),
        y = document.querySelector('[name="price"]'),
        z = document.querySelector('[name="total"]');

    // Simplified string creation with ES6 String Interpolation
    var confirm = window.confirm(`
        Quantity: ${x.value}
        Price Each: ${y.value}
        Total Price: ${z.value}
    `);

    if (confirm == true) {
        // All OK
        return;
    } else {
        // Blocking default `submit` event
        event.preventDefault();

        // Resetting form
        x.value = null;
        y.value = null;
        z.value = null;

        return;
    }
}

不要忘记将事件传递给回调:

<form onsubmit="display(event);">