我有一個Django窗體。我需要在表單提交時確認/取消對話框。有一個從jQuery發送POST數據的想法...但它是一種使用javascript對話框作爲中間件的方式嗎?Django中的JavaScript確認對話框
0
A
回答
2
根據你在你的HTML需要
<form><input type="submit" value="Submit" id="confirm"/> </form>
和jQuery代碼確認對話框
<script>
jQuery("#confirm").click(function(){
$("<div></div>").appendTo('body')
.html('<div><h3> write your message for confirm dialog</h3></div>')
.dialog({
title: "Confotm Dialog" ,
width:500, height:300,
modal:true,
resizable: false,
show: { effect: 'drop', direction: "left" },
hide:{effect:'blind'}
buttons: {
Yes: function() {
jQuery.ajax({
type:"POST", //post data
data:{'key':key}, //if you want to send any data to view
url:'/get_viewerModal/' // your url that u write in action in form tag
}).done(function(result){
alert("am done") //this will executes after your view executed
})
},
Cancel: function() {
$(this).dialog("close");
}
}
});
});
<script>
在這裏你需要AJAX知識添加婁代碼,這是非常容易使用,我相信你這樣做:)
+0
這是相當不錯的)))thanx !!!! –
+0
解決了你的問題:) – kartheek
相關問題
- 1. Javascript確認對話框 - ASP.NET
- 2. javascript確認對話框
- 3. 在javascript中確認模態對話框
- 4. Javascript或jQuery的確認對話框
- 5. 確認對話框
- 6. 確認對話框
- 7. 確認對話框
- 8. 確認對話框
- 9. JavaScript確認對話框不斷出現
- 10. iPhone Javascript確認對話框錯誤
- 11. 自定義javascript確認對話框
- 12. JQuery的確認對話框
- 13. 確認後顯示確認對話框
- 14. 自動確認JS確認對話框
- 15. 將標準Javascript確認對話框轉換爲Bootbox確認
- 16. 使用Javascript - 自定義確認對話框 - 更換JS確認
- 17. GWT確認對話框
- 18. Ajax.ActionLink並確認對話框
- 19. Magento FancyBox確認對話框
- 20. Bootstrap確認對話框
- 21. JQuery確認對話框
- 22. jquery ui對話框確認
- 23. 確認dojo對話框
- 24. JqueryUI確認對話框
- 25. 消息/確認對話框
- 26. 定製確認對話框
- 27. jQuery UI對話框確認
- 28. Android SMS確認對話框
- 29. 確認對話框Struts 1
- 30. 確認對話框,在PHP
是的,你可以使用Java腳本構造對話框或使用jQuery模式與是,沒有按鈕作爲形式提交 – kartheek
@kartheek,但如何?我很新的web開發,尤其是前端 –
可以請你張貼一些代碼(你的模板):) – kartheek