0

我正在学习 Django 中的 Web 开发。有一个页面 createInfo.html 用户在其中输入信息，并且有两个按钮，保存和取消。这是我为取消按钮编写的内容

<input type="submit" value="Cancel" onclick="cancel()"/>


<script>
    function cancel() {
        c=confirm("Do you really want to cancel?");
        if (c==true)
        {

        }
        else{
        }
</script>

如何实现脚本，以便

  • 如果用户在弹出的取消按钮上单击“确定”--> 停留在此页面上，但所有数据都已清除，即新的 createInfo 页面
  • 如果用户在弹出窗口中单击“取消”-> 保持原样（所有数据都保持不变）

谁能帮助提供一些有关如何实现取消按钮的代码？或者如果我的设计不正确，这通常是如何实现的。非常感谢。

4

1 回答 1

5

submit您可以使用按钮代替按钮，而不是使用reset按钮，例如

<input type="reset" value="Cancel" />

此外，如果您想要一个确认对话框，您可以像以前一样附加它。您需要添加一些额外的内容：

<input type="reset" value="Cancel" onclick="return cancel()" />

<script>
    function cancel() {
        c=confirm("Do you really want to cancel?");

        // Of course, the following could be shortened to "return c;"
        if (c==true)
        {
            return true;
        }
        else{
            return false;
        }
</script>

对于大多数 HTMLonXyz()处理程序，您可以从处理程序返回一个值，该值指示是否应该执行操作。通过从这里返回 false，操作（即在这种情况下的重置）被丢弃。通过返回 true，您允许操作实际发生。

当然，如果你想对重置有更多的控制，或者你不想使用重置按钮，你可以使用 Javascript 手动清除所有控件，例如

<script>
    function cancel() {
        c=confirm("Do you really want to cancel?");

        if (c==true)
        {
            $('#my_text_box').val("");
            $('#my_other_box').val("");
            $('#another_control').val("Default value");
        }
        else{
            return false;
        }
   }
</script>
于 2013-06-03T09:34:52.893 回答