preventDefault（）停止提交jquery表单值

Question

I have been trying to create an invitation only system for a wordpress site I'm working on (trying to avoid plugins where possible).

The site is a world of warcraft guild website and I have a page listing new applicants to the guild, with Accept and Reject options. That is all working fine.

However, I'm trying to do the form submission via ajax and that is where I'm getting confused. I have my form

<?php
    global $current_user;
    // if the user can send invites
    if (current_user_can("invite_users")) {
    ?>
    <form action="applicantaccept" class="applicantacceptform" method="GET">
        <input type="hidden" name="email" value="<?php echo $row['Email'];?>"  />
        <input type="hidden" name="invitecode" value="<?php echo generateRandomString(); ?>" />
        <input style="background: none; border: none; color: white; text-decoration: underline; font-size: 1em; float: left;" type="submit" value="Send Invitation" />
    </form>
    <?php
    }
?>

And I have my jquery:

// ACCEPT
$('.applicantacceptform').submit(function (ev) {
    // INVITE FORM
    var form = $(this);

    var email = form.find('input[name="email"]').val();
    var invitecode = form.find('input[name="invitecode"]').val();

    $.post("applicantaccept", {
        email: "" + email + "",
        invitecode: "" + invitecode + ""
    })
        .done(function (data) {
        alert("Applicant Accepted" + data);
    })
        .fail(function (data) {
        alert("Failed To Accept Applicant. Please speak to administrator if this problem continues");
    });
ev.preventDefault();
});

When I submit with the ev.preventDefault() present, the alert shows success. however the values are parsed as empty strings through to the target page giving me blank sql records. However, if I remove the preventdefault, I'm ofcourse following the link, but the values are now sent through correctly.

What could be causing this?

---

Solved: Thanks to @Pointy for the fix, working code below (simply switched "GET" in the form to "POST"

   <?php
global $current_user;
// if the user can send invites
if (current_user_can("invite_users")) {
    ?>
    <form action="applicantaccept" class="applicantacceptform" method="POST">
        <input type="hidden" name="email" value="<?php echo $row['Email'];?>"  />
        <input type="hidden" name="invitecode" value="<?php echo generateRandomString(); ?>" />
        <input style="background: none; border: none; color: white; text-decoration: underline; font-size: 1em; float: left;" type="submit" value="Send Invitation" />
    </form>
    <?php
}
?>

Answer 1

Have you tried return false; instead of ev.preventDefault(); ?

Answer 2

Put the ev.preventDefault() as the first line in that function. My guess is it's trying to follow the link before firing the form submit.