jquery - event.preventDefault() 并返回 false；让我失望了

Question

我想我现在太累了，但为什么这不起作用？得到一个 id="contact" 的简单表格

   $("#contact").on('submit', function(event) {
       event.preventDefault();

       var name = $('#name').serialize();
       var email = $('#email').serialize();
       var message = $('#message').serialize();
       alert(name);

        }); 
    });

（我去掉了后面的 AJAX）为什么不阻止窗口刷新？返回假；也没有做任何事情..我可能在这里遗漏了一些明显的东西

Answer 1

你可以试试这个：

$(document).on('submit', "#contact", function(event) {
   event.preventDefault();

   var name = $('#name').serialize();
   var email = $('#email').serialize();
   var message = $('#message').serialize();
   alert(name);
   return true; 
});

Answer 2

第一点：

• 您应该使用 .val() 而不是 serialize() 。
• .serialize() 是适用于元素的方法，该方法返回如下字符串： field1=value1&field2=value2&...&fieldn=valuen

一个例子：

$("#contact").submit(function(event) {
    event.preventDefault();
    var name = $('#name').val(),
        email = $('#email').val(),
        message = $('#message').val();

    alert(name);
    return false; // "Defensive" line (i think it's not necessary)
});

我希望它会有所帮助！