我想知道如何使用 Javascript 验证用户在创建帐户时输入的任何用户名是否已经存在于数据库中并要求用户输入任何其他用户名？
【问题讨论】：
标签： javascript ajax validation
<input /> 元素附加blur 事件的侦听器。jQuery（纯JS懒得做）+PHP示例代码：
<form ...>
...
<input type="text" name="username" id="input-username" />
<p class="error"></p>
...
$("#input-username").blur(function() {
$.post("/check-username.php", { username: $(this).val() }, function(data) {
if ("0" == data) { /* username in use */
$(this).next("p").text("This username is already in use.</p>");
} else { /* username is fine */
$(this).next("p").empty();
}
});
});
<?php
$username = $_POST['username'];
// check whether given username exists in database
$usernameExists = ...;
echo $usernameExists ? '0' : '1'; // 0 if exists, 1 if not.
【讨论】：
答案是 AJAX。如果您必须针对数据库进行验证，则需要调用服务器。在不重新加载页面的情况下这样做（EDIT: 正确）的唯一方法是 AJAX。您如何实现它取决于您使用的 JavaScript 库（如果有的话）以及您的服务器是什么样的。我建议您对其进行一些搜索和阅读 - 这是一个非常常见的用例。
【讨论】：
就个人而言，我会使用 JQuery 验证插件来简化操作。 http://bassistance.de/jquery-plugins/jquery-plugin-validation/
但一般情况下，它会包含一个使用用户名对服务器（即 JSON 对象）的小型 AJAX 请求，并在您的数据库中进行“搜索”，并在用户按 Enter 或选项卡后返回真/假文本字段（附加事件侦听器）。然后在您的回调响应中更改您选择的 DOM 元素，以向您的用户指示帐户名称是否已存在于数据库中。
【讨论】：
Ajax 可能不是唯一的解决方案，因为用户名通常是公开的。一种简单的方法是在某个时间点拥有一个 RDF/XML 文档（它会随着每个新用户的添加而更新），其中包含您网站上所有用户的列表，您可以轻松地使用 Javascript DOM 遍历该列表以查看该用户是否已在使用中。你也让他们支付计算能力，而不是你，这取决于你有多好，这是优势还是劣势。
【讨论】：