Django - Html模板中的Cancel按鈕通常如何實現？

我正在學習Django中的Web開發。有一個頁面createInfo.html其中用戶輸入informatino並有兩個按鈕，保存和cancel.Here是我寫的取消按鈕Django - Html模板中的Cancel按鈕通常如何實現？

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


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

     } 
     else{ 
     } 
</script>

如何執行腳本，這樣

如果用戶點擊確定就彈出取消按鈕 - >留在這個頁面，但是所有的數據都清零了，也就是新鮮的createInfo如果用戶點擊取消就彈出 - >保持爲之前（與所有數據未觸及）

任何人都可以幫助提供一些關於如何實現取消按鈕的代碼？或者如果我的設計不正確，通常會如何實現。非常感謝你。

來源

2013-06-03 Mona

我對不起，我沒有按照你的問題，你想打開一個新的頁面取消或你想清除當前頁面的內容？ – 2013-06-03 09:26:15

只是清除頁面的內容將okie – Mona

而不是使用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()處理程序，可以從規定動作是否應該進行處理程序返回的值。通過從此返回錯誤，操作（即在這種情況下的重置）被丟棄。通過返回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-03 09:34:52 slugonamission

嗨非常感謝，它的作品完全符合我想要的，並感謝它解釋它的工作原理。 – Mona

對不起，但是$（'＃my_text_box'）。val（「」）; $（'＃my_other_box'）。val（「」）; $（'＃another_control'）。val（「默認值」）;影響？我試過這段代碼，但是沒有看到這部分代碼與以前代碼的區別。 – Mona

@Mona它只是使用jQuery手動設置文本框的值（帶有'my_text_box'等ID）爲你想要的任何值。我建議閱讀jQuery手冊以查找更多信息。 – slugonamission

Django - Html模板中的Cancel按鈕通常如何實現？

回答

相關問題