ajax阻止提交表单,如果用户名不可用，jquery ajax会阻止表单提交

我正在使用此脚本来检查用户名可用性，它可以工作，但即使用户名不可用，表单也会提交。我试图使用event.preventdefault，但是，我不知道如何正确使用它我怎样才能防止表单被提交？如果用户名不可用，jquery ajax会阻止表单提交

function checkAvailability() {

$("#loaderIcon").show();

jQuery.ajax({

url: "check_availability.php",

data: 'username=' + $("#username").val(),

type: "POST",

success: function(data) {

$("#user-availability-status").html(data);

$("#loaderIcon").hide();

},

error: function() {}

});

}

这里是形式

Username

Password

Submit

这里是check_availability.php

require_once("connect.php");

if(!empty($_POST["username"])) {

$result = mysqli_query($con,"SELECT count(*) FROM users WHERE username='" . $_POST["username"] . "'");

$row = mysqli_fetch_row($result);

$user_count = $row[0];

if($user_count>0) {

echo "

Username Not Available

";

}

}

?>

+2

请缩进代码，并告诉我们完整的代码。 “checkAvailability”在哪里调用？ –

+0

Umm ofcourse它does.You需要使用preventDefault，检查成功返回的价值，如果它是正确的，提交表格 –

+0

@Mihai我试过了，但我不知道在哪里使用它.. –