Django-如何实现Html模板中的取消按钮?

时间:2013-06-03 09:19:47

标签: html button

我正在学习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>

如何实现脚本以便

  • 如果用户在弹出的取消按钮上单击确定 - &gt;保持此状态 页面,但清除了所有数据,即一个新的createInfo页面
  • 如果 用户单击弹出窗口上的取消 - &gt;和以前一样(包括所有数据) 不变)

任何人都可以帮忙提供一些有关如何实施取消按钮的代码吗?或者如果我的设计不正确,通常如何实现。非常感谢你。

1 个答案:

答案 0 :(得分:4)

您可以使用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>

对于大多数HTML onXyz()处理程序,您可以从处理程序返回一个值,该值指示是否应该执行操作。通过从此返回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>
相关问题