js Запрет на ввод определенных символов

[BiZaJe]

Здравствуйте, столкнулся с проблемой

let form = document.querySelector('.formWithValidation');
let password = form.querySelector('.password');
let passwordConfirmation = form.querySelector('.passwordConfirmation');
let fields = form.querySelector('.field');


function removeValidation() {
    let errors = form.querySelectorAll('.error'),
        succesful = form.querySelectorAll('.succesful')
 
    for (let i = 0; i < errors.length; i++) {
      errors[i].remove();
    }

    for (let i = 0; i < succesful.length; i++) {
      succesful[i].remove();
    }
}

function checkFieldsPresence(){
      if (!fields.value) {
        fields.insertAdjacentHTML('afterEnd', '<span class="error"><i class="fa-solid fa-xmark"></i> Заполните поле</span>');
        fields.style.border = '1px solid red';
      }else{
        if(fields.value == "^[a-zA-Z0-9_]*$"){ // Проблема тут
          fields.insertAdjacentHTML('afterEnd', '<span class="error"><i class="fa-solid fa-xmark"></i> Заполните</span>');
          return;
        }
        fields.insertAdjacentHTML('afterEnd', '<i class="fa-solid fa-check succesful">');
        fields.style.border = '1px solid green';
      }
}

function Check(){
  setTimeout(checkPasswordMatch, 500);
}

function checkPasswordMatch () {
    if(password.value !== passwordConfirmation.value || password.value == '' || passwordConfirmation.value == '') {
      password.insertAdjacentHTML('afterEnd', '<span class="error">Пароли не совпадают</span>');
      password.style.border = '1px solid red';
      passwordConfirmation.style.border = '1px solid red';
    }else if(password.value === passwordConfirmation.value){
      password.insertAdjacentHTML('afterEnd', '<i class="fa-solid fa-check succesful"></i>');
      password.style.border = '1px solid green';
      passwordConfirmation.style.border = '1px solid green';
      removeValidation();
    }
}

function CheckDate(){
  removeValidation();
  checkFieldsPresence();
}

Как в input запретить ввод определенных символов ($*&@#!)( и тд) регулярное выражение некорректно отрабатывает, пробовал в pattern тоже самое

 

[RockTheStreet]

Не хочешь регулярку - извращайся: indexOf, либо циклом сплитить каждый символ в строке.

 

[BiZaJe]

RockTheStreet, да я не против регулярки, но условие на проверку через регулярку отрабатывает некорректно

        if(fields.value == "^[a-zA-Z0-9_]*$"){ // Проблема тут
          fields.insertAdjacentHTML('afterEnd', '<span class="error"><i class="fa-solid fa-xmark"></i> Заполните</span>');
          return;
}

Делаю так, но любой символ показывает, что не корректный, делаю на != пропускает каждый символ

1 Дек 2022

if(!/^[a-zA-Zа-яёА-ЯЁ0-9_]*$/.test(fields.value)){
    fields.insertAdjacentHTML('afterEnd', '<span class="error"><i class="fa-solid fa-xmark"></i> Заполните</span>');
    return;
}

Разобрался. Решение приложил