2014-04-10 18 views
13

Bir form jQuery kullanılarak gönderilmeden önce bir onay eklemeye çalışıyorum. Başka bir Yığın Taşması sorusuna form confirm before submit güzel bir örnek buldum ama işe yaramayacağım.jQuery kullanarak formu göndermeden önce onay

jQuery:

$(function() { 
    $('form#delete').submit(function() { 
     var c = confirm("Click OK to continue?"); 
     return c; 
    }); 
}); 

Şablon:

<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %} 
    <input class="floatright" type="submit" value="Delete" /> 
</form> 

Bunu nasıl başarabiliriz?

cevap

15

Sen formunu gönderdiğinizi ve onaylayın denetleniyor sonra, sen tersine

JS gerekir:

$(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> 
+0

ben 'eklendi event.preventDefault() –

+0

sayesinde mükemmel şimdi çalışır; bir 'başka' koşulu – campeterson

+0

yılında' Bu işlem ** değil ** iş bu düğmeye tıklayarak dışında herhangi bir şekilde form göndermek eğer (örneğin, başka bir girişte enter tuşuna basmak). @ user3311206'nın cevabı bundan dolayı daha iyidir. – Ben

0

kodunuzu koymak emin olun $(document).ready(), bunun gibi:

$(document).ready(function() { 
    $('form#delete').submit(function() { 
     var c = confirm("Click OK to continue?"); 
     return c; 
    }); 
}); 
12
$('#delete').submit(function(event){ 
    if(!confirm("some text")){ 
     event.preventDefault(); 
     } 
    }); 
0
$(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> 
İlgili konular