https://malitskaya.ru/wp-content/themes/malitskaya/js/formpopUp.js?ver=1747756860

1const userName = document.getElementById('userName'),
2      userPhone = document.getElementById('userPhone'),
3      signUp_btn = document.querySelector('.sign-up')
4      popUp = document.querySelector('.popUp-form'),
5      formSubmit = document.querySelector('.popUp-form .form-submit');
6
7signUp_btn.addEventListener('click', () => {
8    popUp.classList.remove('d-none')
9    bodyBox.classList.add('bodyStopScroll')
10})
11
12formSubmit.addEventListener('click', () => {
13popUp_checkInputs();
14const userNameSuc =  userName.nextElementSibling.classList;
15const userPhoneSuc =  userPhone.nextElementSibling.classList;
16
17if(userNameSuc == 'success' && userPhoneSuc == 'success') {
18//   formSubmit.type = 'submit'
19    popUp.children[0].classList.add('d-none')
20    popUp.children[1].classList.remove('d-none')
21}
22})
23
24function popUp_checkInputs() {
25    const userNameVal = userName.value.trim();
26    const userPhoneVal = userPhone.value.trim();
27
28    if(userNameVal == '') {
29        setError(userName)
30      } else {
31        setSuccess(userName)
32      }
33    
34    if(userPhoneVal == '' || userPhone.value.substr(-1) === '_') {
35      setError(userPhone)
36    } else {
37      setSuccess(userPhone)
38    }
39    
40}
41
42// input mask
43$("#userPhone").inputmask({"mask": "+7(999) 999-99-99"});
44