我正在尝试使用AJAX检查输入的值。每次用户按下一个键时,都会发送AJAX,然后根据服务器的结果,我向输入中添加有效或无效的类。

.js:

$("input[name=username]").keyup(function(event) {
    processAJAXCheck(this,"username");
});

$("input[name=username]").change(function(event) {
    processAJAXCheck(this,"username");
});

function processAJAXCheck(element, toCheck) {
    contentOfInput = $(element).val();

    $.ajax({
        url: "ajax.php",
        type: "POST",
        data: {content: contentOfInput, toCheck: toCheck},
        success: afterAJAXResponse
    });
}

function afterAJAXResponse(data) {
    result = $.parseJSON(data);

    if(result['toCheck'] != undefined) {
        inputSelector = 'input[name='+result['toCheck']+']';
        if(result['result'] == true) {
            $(inputSelector).removeClass('invalid');
            $(inputSelector).addClass('valid');
            formValid = true;
        } else {
            $(inputSelector).removeClass('valid');
            $(inputSelector).addClass('invalid');
            formValid = false;
        }
    }

    result = null;
}


PHP代码:

if(isset($_POST['toCheck']) && isset($_POST['content'])
   && $_POST['toCheck'] != "" && $_POST['content'] != "")
{
    require_once 'classes/AAA.php';
    require_once 'classes/Database.php';
    require_once 'etc/settings.php';

    $db = new Database($GLOBALS['db_server'],$GLOBALS['db_name'],$GLOBALS['db_user'],$GLOBALS['db_pass']);
    $aaa = new AAA($db);

    switch($_POST['toCheck'])
    {
        case 'email':
            $output['result'] = $aaa->isUsableEmail($_POST['content']);
            $output['toCheck'] = 'email';
            break;
        case 'username':
            $output['result'] = $aaa->isUsableUsername($_POST['content']);
            $output['toCheck'] = 'username';
            break;
        default:
            $output['result'] = 'error';
            break;
    }

    echo json_encode($output);
}


奇怪的是,当我按任意字符键时,一切都可以正常工作。但是,当我按“ Tab”键切换到另一个输入时(它使用相同的功能,但不返回任何错误-当我在其中按Tab时!),我得到以下错误:

Uncaught SyntaxError: Unexpected end of input b.extend.parseJSON
jquery-1.9.1.min.js:3 afterAJAXResponse
registration.php?school_id=1&department_id=1:189 b.Callbacks.c
jquery-1.9.1.min.js:3 b.Callbacks.p.fireWith jquery-1.9.1.min.js:3 k
jquery-1.9.1.min.js:5 b.ajaxTransport.send.r


感谢您的提前答复。

最佳答案

我假设您不希望在按Tab键时调用Ajax函数。但是,您没有进行检查,并且keyup也会捕获您的选项卡单击事件。

您应该更改:

$("input[name=username]").keyup(function(event) {
    processAJAXCheck(this,"username");
});


像这样:

$("input[name=username]").keyup(function(event) {
  if (event.keyCode !== 9) {    // I think it's 9...
    processAJAXCheck(this,"username");
  }
});


您还可以添加回车-13-例如。

08-06 03:40
查看更多