javascript - 表单提交时出现 jquery 错误

Question

有一张注册表，我检查用户名是否可用。 如果可用，则在用户名字段旁边显示一段文本(“可用!”)，如果不可用(“不可用!”)。 如果用户名不可用，我不想提交。

<script type ="text/javascript">

$(function(){
    $('#usernameFeedback').load('check.php').show();

    $('#usernameID').keyup(function(){

        $.post('check.php',{username:registration.username.value},
        function(result){
            $('#usernameFeedback').html(result).show();
            var feedVar = $('#usernameFeedback').text();

        });
    });
});
</script>


<script>

$(document).ready(function(){
   $("#regForm").submit(function(){
     alert("HELLO"); // works fine
     if ( $('#usernameFeedback').text() == "Not available!" )
        return;
   event.preventDefault();
   });
});

</script>

使用此代码无法正常工作(我是 jquery 的新手)，如果用户名不可用，则不会停留在当前页面中..

Answer 1

将事件传递给函数。

$("#regForm").submit(function(){

应该是

$("#regForm").submit(function(event){

并在与 if 相同的行中使用 return false，因为您没有使用 {}

试试这段代码:

$(document).ready(function () {
    $("#regForm").submit(function (event) {
        event.preventDefault();
        alert("HELLO"); // works fine
        if ($('#usernameFeedback').text() == "Not available!") {return false;}
    });
});