Chrome/Safari

Question

Ben bir temel formu görevi yapmak için arıyorum iki kez sunulan Formu ama Chrome ve Safari iki kez sunucuya aşağıdaki Gönderilmesi (Firefox'ta beklendiği gibi ama davranır):

<form id="create-deck-form" action="/decks/create" method="post"> 
    <fieldset> 
    <legend>Create new deck</legend> 
    <label for="deck-name-field">Name</label> 
    <input id="deck-name-field" name="deck-name-field" type="text" value="" maxlength="140" /> 

    <label for="tag-field">Tags</label> 
    <input id="tag-field" name="tag-field" type="text" value="" maxlength="140" /> 

    <input class="add-button" type="submit" value="Create" /> 
    </fieldset> 
</form> 

isterim Gönderme öncesi alanlarda doğrulama yapmak için onsubmit özniteliğini kullanmak ister, ancak dönüş değeri true olduğu yerde, form iki kez gönderilir.

Ben formu, iki kez gönderildiğinde, varsayılan davranış törpülenmediği, burada da forma jQuery işleyicisi bağlamak için aranan, ama örneğin:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#create-deck-form").submit(function(event){ 
      if($("#deck-name-field").val() == "") { 
      event.preventDefault(); 
      alert("deck name required"); 
      } 
     }); 
}); 
</script> 

Ben kör edici bir şey olduğunu varsayalım iken Burada yeni bir çift göze çarpan yanlış bir şekilde, onaylama ile veya doğrulama olmadan gönderim işleminin Chrome ve Safari'deki sunucuya neden bir gönderi yaptığını derinden karıştırdım. Herhangi bir içgörü için minnettar olurum.

Answer 1

Bu sorun aslında Facebox (http://defunkt.github.com/facebox/) ile ilişkilendirilmiştir. Facebox başlatma, sayfanız yüklendikten sonra ikinci bir istek grubuna neden olur. Yani, /myaction/create'a posta gönderirseniz, Facebox, temel URL /myaction/create olarak ayarlanmış ikinci bir istek kümesi başlatır. Bir düzeltme, bir gönderiyi yaptıktan sonra istekleri yanıtlayan bir URL'ye yönlendirmektir, böylece yayını iki kez gerçekleştirme işlemini bitiremezsiniz. Yardımlarınız için çok teşekkürler.

Answer 2

Uyarıdan sonra return false; deneyebilir ve event.preventDefault(); kaldır. Belki de başka bir deyişle return true;'a ihtiyacınız var. Sanırım bir yerde çalışıyorum.

Answer 3

ben% 100 emin değilim, ama kimse bu deneyin: Bu işe yaramazsa,

for(e in $("#create-deck-form").data('events')) 
    alert(e); 

de bakabilirsiniz lütfen

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#create-deck-form").submit(function(event){ 
     if(!$("#deck-name-field").val().length) { 
      return false; 
     } 
     }); 
    }); 
</script> 

Bu size tüm olayları uyaracaktır hangi form'a bağlı. Belki daha fazla olay işleyicisi var? Aksi da uyarı/ihtimale

$("#create-deck-form").attr('onclick') 

ve

$("#create-deck-form").attr('onsubmit') 

açın.

Answer 4

Tamam, bunun ne kadar faydalı olacağından emin değilsiniz, ancak sağlama girişini kaldırmayı ve formu javascript ile göndermeyi deneyin. Yani Ardından Mesela

<input id="submit-button" class="add-button" type="button" value="Create" /> 

yerine onsubmit dinlemek için, size yol çok çalışması gerektiğini konum Şimdi

$('#submit-button').click(function(evt) { 
    if(validationSuccess(...)) { 
     $("#create-deck-form").submit(); 
    } else { 
     //display whatever 
    } 
}); 

deneyebilirsiniz ... ama sorun sende bu nerede yolu debug ... Bu sadece bir kez göndermelidir ... iyi şanslar!