Javascript,在确认窗口按OK后清除表格。但如果确认被取消,则保留表单数据

时间:2015-11-03 03:27:17

标签: javascript html forms

为作业编写程序而不是在我的书中的位置对这种情况有帮助。

在用户输入饮料订单表格的信息后,他们点击了一个按钮,显示"订单",该按钮调用一个计算并显示包含所需信息的确认窗口的功能

如果用户在确认消息中单击“确定”,则应显示警告消息,通知用户已下订单并且应清除表单,需要一个功能

如果用户在确认消息中单击“取消”,则应显示警告消息,通知用户订单已取消。表单应仍包含用户输入的所有值。

我的问题是,当" OK"时,我不知道重置表单需要什么。在确认窗口中选择。但如果"取消"如果选中,则值仍保持输入。

到目前为止,代码是什么

Javascript(仅输入确认部分)

                   if (window.confirm("Fruit: " + document.drinkList.numFruit.value + ", Total: $" + totalFruit + ".00 \n"
                     + "Water: " + document.drinkList.numWater.value + ", Total: $" + totalWater + ".00 \n"
                     + "Coffee: " + document.drinkList.numCoffee.value + ", Total: $" + totalCoffee + ".00 \n"
                     + "Coke: " + document.drinkList.numCoke.value + ", Total: $" + totalCoke + ".00 \n"
                     + "Tea: " + document.drinkList.numTea.value + ", Total: $" + totalTea + ".00 \n"
                     + "Ice: " + document.drinkList.numIce.value + "\n"
                     + "Cream: " + document.drinkList.numCream.value + "\n"
                     + "Sugar: " + document.drinkList.numSugar.value + "\n"
                     + "Pinneapple Juice: " + document.drinkList.numPinn.value + "\n"
                     + "Lemon Juice: " + document.drinkList.numLemon.value + "\n\n"
                     + "Overall Total: " + (totalCoffee + totalCoke + totalFruit + totalTea + totalWater) + ".00 \n\n"
                     + "Confirm order?"))
            window.alert("The order was submitted!");

        else
            window.alert("The order was cancelled!");

HTML

        <button type="button"value="Order" onclick="calcAll()">

1 个答案:

答案 0 :(得分:1)

正如评论中所指出的,您可以使用纯JavaScript并执行:

document.getElementById("form").reset();