jquery - フォーム送信 jQuery のデフォルトを防止

Question

これの何が問題なのですか？

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();
  });

Answer 1

これを試して：

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

Answer 2

新しい「on」イベント構文を使用します。

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

引用: https://api.jquery.com/on/

Answer 3

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

Answer 4

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