我正在尝试使用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
-例如。