在登录表单(jQuery)中检查用户名和密码

$(document).ready(function() {
  // 选中用户名和密码输入框
  const $usernameInput = $("#username");
  const $passwordInput = $("#password");

  // 监听用户输入事件
  $usernameInput.on("input", function() {
    // 验证用户名格式是否正确
    const username = $(this).val();
    if (/^[a-zA-Z0-9_-]{3,16}$/.test(username)) {
      // 用户名格式正确
    } else {
      // 用户名格式错误
    }
  });

  $passwordInput.on("input", function() {
    // 验证密码格式是否正确
    const password = $(this).val();
    if (/^[a-zA-Z0-9_-]{6,18}$/.test(password)) {
      // 密码格式正确
    } else {
      // 密码格式错误
    }
  });

  // 监听表单提交事件
  $("form").on("submit", function(event) {
    event.preventDefault();
    // 发送Ajax请求验证用户名和密码是否正确
    $.ajax({
      url: "/api/login",
      method: "POST",
      data: {
        username: $usernameInput.val(),
        password: $passwordInput.val()
      },
      success: function(response) {
        if (response.success) {
          // 登录成功，跳转到首页
          window.location.href = "/";
        } else {
          // 登录失败，显示错误信息
          alert(response.message);
        }
      },
      error: function() {
        // 请求失败，显示错误信息
        alert("请求失败，请稍后重试");
      }
    });
  });
});