JQueryを使用してフォームが送信される前に確認を追加しようとしています。 Stack Overflowの別の質問 送信前にフォームを確認 で素敵な例を見つけましたが、機能しません。
jQuery:
$(function() {
$('form#delete').submit(function() {
var c = confirm("Click OK to continue?");
return c;
});
});
テンプレート:
<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
<input class="floatright" type="submit" value="Delete" />
</form>
どうすればこれを達成できますか?
フォームを送信し、確認を確認した後、逆にする必要があります
JS:
$(function() {
$("#delete_button").click(function(){
if (confirm("Click OK to continue?")){
$('form#delete').submit();
}
});
});
HTML:
<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %}
<input id="delete_button" class="floatright" type="button" value="Delete" />
</form>
$('#delete').submit(function(event){
if(!confirm("some text")){
event.preventDefault();
}
});
次のように、必ず$(document).ready()
にコードを記述してください。
$(document).ready(function () {
$('form#delete').submit(function() {
var c = confirm("Click OK to continue?");
return c;
});
});
$(function() {
$('form#delete').click(function(e) {
e.preventDefault();
var c = confirm("Click OK to continue?");
if(c){
$('form#delete').submit();
}
});
});
<form id="delete" action="www.google.com">
<input id="deletesubmit" type="submit" value="Delete" />
</form>