Formda Varsayılanları Önle jQuery Gönder

Bunun nesi var?

HTML:

<form action="http://localhost:8888/bevbros/index.php/test" method="post" accept-charset="utf-8" id="cpa-form" class="forms">        
      <input type="text" name="zip" value="Zip code" id="Zip" class="required valid">      
      <input type="submit" name="Next" value="Submit" class="forms" id="1">
  </form>

jQuery:

$("#cpa-form").submit(function(e){
    e.preventDefault();
  });

Bunu dene:

$("#cpa-form").submit(function(e){
    return false;
});

Yeni "açık" etkinlik sözdizimini kullanın.

$(document).ready(function() {
  $('form').on('submit', function(e){
    // validation code here
    if(!valid) {
      e.preventDefault();
    }
  });
});

Alıntı: https://api.jquery.com/on/

Yukarıdaki cevapların doğru olduğuna inanıyorum, ancak submityöntemin neden işe yaramadığına işaret etmiyor.

Peki, submitjQuery formöğeyi alamazsa ve jQuery bu konuda herhangi bir hata vermezse yöntem çalışmaz. Senaryonuz belgenin başlığında yerleştirilir, kod sonra çalıştığından emin olmak DOMolduğunu hazır . Yani, $(document).ready(function () { // your code here // });sorunu çözecek.

En iyi uygulama, komut dosyanızı her zaman belgenin altına yerleştirmektir.

Bu eski bir sorudur, ancak burada kabul edilen cevap sorunun köküne inmez.

Bunu iki şekilde çözebilirsiniz. İlk önce jQuery ile:

$(document).ready( function() { // Wait until document is fully parsed
  $("#cpa-form").on('submit', function(e){

     e.preventDefault();

  });
}

Veya jQuery olmadan:

// Gets a reference to the form element
var form = document.getElementById('cpa-form');

// Adds a listener for the "submit" event.
form.addEventListener('submit', function(e) {

  e.preventDefault();

});

return falseBu sorunu çözmek için kullanmanıza gerek yoktur .

$('#cpa-form input[name="Next"]').on('click', function(e){
    e.preventDefault();
});

$(document).ready(function(){
    $("#form_id").submit(function(){
        return condition;
    });
});

Kodunuz iyidir, sadece hazır fonksiyonun içine yerleştirmeniz gerekir.

$(document).ready( function() {
  $("#cpa-form").submit(function(e){
     e.preventDefault();
  });
}

DEPRECATED - bu bölüm eski, lütfen kullanmayın.

Örneğin daha sonra dinamik formlar eklediyseniz bu kodu da deneyebilirsiniz. Örneğin, ajax içeren bir zaman uyumsuz pencere yüklediniz ve bu formu göndermek istiyorsunuz.

$('#cpa-form').live('submit' ,function(e){
    e.preventDefault();      
    // do something
});

GÜNCELLEME - dinamik olarak eklenen içeriği işlemek istiyorsanız DOM belgesini dinlemeye çalışmanız için jQuery on () yöntemini kullanmanız gerekir.

Durum 1, statik sürüm: Yalnızca birkaç dinleyiciniz varsa ve işlenecek formunuz sabit kodlanmışsa, doğrudan "belge düzeyinde" dinleyebilirsiniz. Dinleyicileri belge düzeyinde kullanmam ama kıyamet ağacında daha derine inmeye çalışacağım çünkü performans sorunlarına yol açabilir (web sitenizin boyutuna ve içeriğinize bağlıdır)

$('form#formToHandle').on('submit'... 

VEYA

$('form#formToHandle').submit(function(e) {
    e.preventDefault();      
    // do something
});

Durum 2, dinamik sürüm: Kodunuzdaki belgeyi zaten dinlerseniz, bu şekilde sizin için iyi olur. Bu, daha sonra DOM yoluyla veya AJAX ile dinamik olarak eklenen kod için de çalışır.

$(document).on('submit','form#formToHandle',function(){
   // do something like e.preventDefault(); 
});

VEYA

$(document).ready(function() {
    console.log( "Ready, Document loaded!" );

    // all your other code listening to the document to load 

    $("#formToHandle").on("submit", function(){
        // do something           
    })
});

VEYA

$(function() { // <- this is shorthand version
   console.log( "Ready, Document loaded!" );

    // all your other code listening to the document to load 

    $("#formToHandle").on("submit", function(){
        // do something           
    })
});

Merhaba, bir Ajax formunun Google Etiket Yöneticisi (GTM) ile çalışmasını sağlamak için bir çözüm aradı, dönüş yanlış, tamamlamayı engelledi ve etkinliğin gerçek zamanlı olarak google analitik çözümünde gönderilmesini sağladı, dönüş yanlışını e.preventDefault () ile değiştirmek ; doğru çalışan kodu izler:

 $("#Contact-Form").submit(function(e) {
    e.preventDefault();
   ...
});

e.preventDefault () yalnızca javascriptsinizde sorun yoksa iyi çalışır, e.preventDefault () çalışmazsa javascriptsinizi kontrol edin.

Benzer bir sorunla karşılaştım. Benim için sorun, DOM oluşturma gerçekleşmeden önce JS dosyasının yüklenmesidir. Yani <script>sonuna kadar taşıyın<body>Etiketinizi .

veya erteleme kullanın.

<script defer src="">

böylece emin e.preventDefault()çalışması gerekir.