禁用表单默认行为

Question

I am trying to disable my default form behavior. I know typically to do this I am supposed to return false but that is not working. Does disabling default behavior only work after making a post request? I want to disable it because

A) I want to see if my values are being serialized correctly.

B) I want to make a server request in the future without using post, but rather by using websockets

Current code:

$(document).ready(function() {
  $(".attack").submit(function() {
    var values = $(this).serialize();
    console.log(values);
    return false;
  });
  return false;
});

Answer 1

Are you sure the CSS selector ".attack" applies to the form? Returning false is the right way of disabling the default behavior in this case, as you can see here .

Maybe ".attack" applies to your button? If that's the case, you can use $(".attack").click instead (but you still have to return false or receive the event as a parameter and call event.preventDefault() before exiting the function).