jQuery验证将错误类添加到所有字段

使用jQuery验证插件，如果一个元素无效，如何向所有元素添加错误类。我正在创建一个登录表单，我不希望用户名或密码是唯一一个得到错误类的人，因为这样更容易使用暴力让用户知道哪个字段是错误的

这是我现在的js

$("#login").validate({
    rules: {
      username: {
        required: true,
        minlength: 4,
        maxlength: 24
      },
      password: {
        required: true,
        minlength: 8,
        remote: {
          url: "../core/login.php",
          type: "post",
          data:{
            subuser:function(){
              return $("#username").val();
            }
          }
        }
      }
    },
    messages: {
      username: {
        required: "Username Required"
      },
      password: {
        required: "Password Required",
        remote: "Username or password is incorrect"
      }
    },
    errorPlacement: function(error, element) {
      if (element.attr("name") == "username" || element.attr("name") == "password" ) {
        error.insertAfter("#lpassword");
      } else {
        error.insertAfter(element);
      }
    }
  });

我的HTML

<div class="modal fade" id="login-modal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5>Welcome to 123Gigs</h5>
        <i class="fas fa-times close" data-bs-dismiss="modal"></i>
      </div>
      <div class="modal-body">
        <form method="post" id="login" action="/core/login">
          <div class="modal-input">
            <input type="text" name="username" placeholder="Username" maxlength="24" id="username"/>
            <i class="fas fa-user"></i>
          </div>
          <div class="modal-input">
            <input type="password" name="password" placeholder="Password" id="lpassword"/>
            <i class="fas fa-lock"></i>
          </div>
          <div class="forgot-pass">
            <a data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#forgot-modal" class="modal-trigger">Forgot Password?</a>
          </div>
          <button type="submit" class="modal-btn">Sign In</button>
        </form>
        <div class="modal-footer">
          Do not have an account? <a data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#sign-modal" class="modal-trigger">Sign Up</a>
        </div>
      </div>
    </div>
  </div>
</div>

---

请使用正确的标签

jQuery验证引擎

是一个完全不同的插件，

authentication

与客户端表单验证上下文无关。编辑。谢谢。相关的HTML在哪里？你自己解决这个问题的诚意在哪里？无论如何，当只有一个字段无效时，将错误类添加到所有字段并不是此插件的设计方式。验证插件的要点是分别验证每个字段。将任何有效字段标记为无效有什么意义？@Sparky 1）如果我错了，请纠正我一个验证用户名和密码的登录表单就是验证。。。。。2） 添加了HTML和PHP。3） 当然，我已经尝试过了，但无法做到。这就是我请求帮助的原因。。。4） 我已经解释了为什么要标记所有字段。试图登录的人不应该知道登录表单有什么问题，否则它容易受到暴力攻击。

if (isset($_POST['password']) && isset($_POST['subuser'])) {
        $username = $_POST['subuser'];
        $sql = "SELECT * FROM users WHERE username='$username'";
        $results = mysqli_query($conn, $sql);
        if (mysqli_num_rows($results) == 1) {
            $password = $_POST['password'];
            $sql = mysqli_query($conn, "SELECT password FROM users WHERE username='$username'");
            $results = mysqli_fetch_array($sql);
            $hashed_password = $results['password'];
            if(password_verify($password, $hashed_password)) {
                echo 'true';
            } else {
                echo 'false';
            }
        } else {
            echo 'false';
        }
    }