Почему не получается повесить required на кнопку, которая имеет в себе уже слушателя?

Question

[Алексей Майрин]

Всем привет!

<form class="registration">
        <input autocomplete="on" placeholder="First Name" type="text" id="firstName" class="welcome-field" required>
        <input autocomplete="on" type="text" placeholder="Last Name" class="welcome-field" id="secondName" required>
        <input autocomplete="on" type="email" placeholder="E-mail" class="welcome-field" id="email" required>
        <button class="submit-data" type="submit" id="submitData">Let's start!</button>

Не срабатывает required если убираю с кнопки слушателя - все работает
Помогите пожалуйста, в чем проблема)

Comments

[Антон Спирин]

Код слушателя покажите.

[Алексей Майрин]

Антон Спирин,

constructor(){
        let submit = document.querySelector('.submit-data');
        submit.addEventListener('click',createUser.loadInfoFromForm);  // конструктор который вызывает метод
    }

static loadInfoFromForm() {
        let fieldArray = document.querySelectorAll('.welcome-field');
        let countArray = document.querySelectorAll('input[type=radio]');
        let userInfo = [];
        for(let i = 0;i<fieldArray.length;i++){
            if(fieldArray[i].value===''){
                alert('Error!');
                return;
            }
            userInfo.push(fieldArray[i].value);
        }
 static loadInfoFromForm() {
        let fieldArray = document.querySelectorAll('.welcome-field');
        let countArray = document.querySelectorAll('input[type=radio]');
        let userInfo = [];
        for(let i = 0;i<fieldArray.length;i++){
            if(fieldArray[i].value===''){
                alert('Error!');
                return;
            }
            userInfo.push(fieldArray[i].value);
        }
        createUser.loadIntoLocalStorage(userInfo);
        createUser.checkForCount(countArray);
        createUser.deleteNode();
    }
}  //сам метод
Методы, которые вызываются внутри никак с полями не работают

Answer 1

[Евгений Ромашкан]

Может это подойдёт? https://stackoverflow.com/a/26219953