Валидация формы(Bootstrap)

У меня есть функция валидации написанная с помощью jquery, которая выдает всплывающие окна при неправильном заполнении полей формы, но необходимо немного улучшить эту проверку с помощью bootstrap методов is-valid и is-invalid, но я не совсем понимаю как в jquery скрипте присваивать полям формы эти значения, нужна помощь

$(function(){
      $("#submit").click(function(){
      var $name=$("#name").val();
      
    var $namepattern=/^[^ ]([a-zA-Zа-яА-ЯІіЇїЄє']|\s)*$/;
    var $message = $("#message").val();
    if (!$name.match($namepattern)){
    alert("Введите ваше имя используя только буквы");
    return false;
    }
    var $email = $("#email").val();
    var $mailpattern=/^[^ ]+@[^ ]+\.[a-zA-Z]{2,4}$/;
    if (!$email.match($mailpattern))
    {
        alert("Заполните поле соответственно типу: [email protected]");
        return false;
    }
    
    var $number=$("#number").val();

    var $numberpattern=/^[+]*[(]{0,1}[0-9]{1,3}[)]{0,1}[-\s\0-9]*$/;

    if (!$number.match($numberpattern))
    {
        alert("Заполните номер, используя только цифры от 0 до 9 +,- и скобки");
        return false;
    }
      });
    });