Как сделать кнопку снова активной после preventDefault()?

Question

[Иван]

Сделал валидацию так, что если в полях заполнения ничего нету, то кнопке присваивается preventDefault().
Как сделать, чтобы при полном заполнении полей кнопка заново начинала работать?

// Отправка данных

const phio = document.querySelector('#name')
const phone = document.querySelector('#phone')
const address = document.querySelector('#address')

if (phio.value < 1 && phone.value < 1 && address.value < 1) {
  doOrderBtn.addEventListener('click', function (el) {
    el.preventDefault()
  })
}

Answer 1

[Сергей delphinpro]

Делать валидацию при каждом нажатии

doOrderBtn.addEventListener('click', function (el) {
    const phio = document.querySelector('#name')
    const phone = document.querySelector('#phone')
    const address = document.querySelector('#address')
    if (phio.value < 1 && phone.value < 1 && address.value < 1) {
        el.preventDefault()
    }
});

PS
Лучше вешать на submit формы.