Constraint Validation API là gì?

const form  = document.querySelector('form')
const email = form.elements.email

email.addEventListener('input', () => {
  if (email.validity.typeMismatch) {
    email.setCustomValidity('Email chưa đúng định dạng, ví dụ: ban@congty.vn')
  } else if (email.validity.valueMissing) {
    email.setCustomValidity('Vui lòng nhập email')
  } else {
    email.setCustomValidity('')      // chuỗi rỗng = hợp lệ
  }
})

form.addEventListener('submit', (e) => {
  if (!form.checkValidity()) {       // kiểm tra, KHÔNG hiện bong bóng lỗi
    e.preventDefault()
    form.reportValidity()            // kiểm tra VÀ hiện bong bóng + focus
  }
})