使用jQuery实现账号密码校验 如果账号不合法则在旁边显示

可以使用 jQuery 的 val() 方法获取表单输入框中的值，再使用正则表达式对输入的账号和密码进行校验，最后使用 text() 方法将校验结果显示在页面中。

以下是示例代码：

HTML：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username">
  <span id="usernameTip"></span>
  <br>
  <label for="password">密码：</label>
  <input type="password" id="password">
  <span id="passwordTip"></span>
  <br>
  <button type="submit">登录</button>
</form>

jQuery：

$('form').submit(function(event) {
  // 阻止表单默认提交行为
  event.preventDefault();

  // 校验用户名
  var username = $('#username').val();
  if (!/^[a-zA-Z]\w{5,17}$/.test(username)) {
    $('#usernameTip').text('用户名不合法');
    return;
  }

  // 校验密码
  var password = $('#password').val();
  if (!/^\w{6,18}$/.test(password)) {
    $('#passwordTip').text('密码不合法');
    return;
  }

  // 提交表单
  // ...
});

当用户输入的账号或密码不合法时，页面会显示相应的提示信息。若合法，则可以提交表单。