3.Ajax异步验证。登录时账号输完马上显示账号重复了。

实现 Ajax 异步验证的过程大致如下：

1. 绑定输入框的事件

在输入框输入内容时，触发一个事件，可以是 `keyup` 或者 `blur` 等事件。

$('#username').on('blur', function() {
  var username = $(this).val();
  checkUsername(username);
});

2. 发送 Ajax 请求

使用 jQuery 的 `$.ajax()` 或 `$.post()` 方法发送一个 GET 或 POST 请求，将输入框中的内容发送到后端进行验证。

function checkUsername(username) {
  $.post('/check-username', {username: username}, function(data) {
    if (data.exists) {
      $('#username-message').text('该用户名已被使用');
    } else {
      $('#username-message').text('');
    }
  });
}

3. 后端验证

后端接收到请求后，进行账号的唯一性验证，并返回验证结果给前端。例如使用 Node.js 和 Express 框架：

app.post('/check-username', function(req, res) {
  var username = req.body.username;
  if (username === 'admin') {
    res.json({exists: true});
  } else {
    res.json({exists: false});
  }
});

4. 处理验证结果

前端接收到后端返回的验证结果，根据不同的结果显示不同的提示信息。

在上述代码中，如果用户名已经被使用，就会在 `#username-message` 元素中显示提示信息。否则，就清空该元素的内容。

通过以上步骤，就可以实现 Ajax 异步验证，实现在账号输入完毕后，马上显示账号是否重复。