Làm thế nào để tạo custom form validation?

const pass2 = form.elements.confirmPassword
pass2.addEventListener('input', () => {
  pass2.setCustomValidity(
    pass2.value === form.elements.password.value ? '' : 'Mật khẩu nhập lại không khớp'
  )
})

<form novalidate>                          <!-- tắt bong bóng của browser -->
  <input name="email" type="email" required aria-describedby="email-err">
  <p id="email-err" role="alert" hidden></p>
</form>

form.addEventListener('submit', (e) => {
  e.preventDefault()
  const email = form.elements.email
  const err = document.getElementById('email-err')
  const ok = email.checkValidity()          // vẫn dùng lại được luật HTML
  err.hidden = ok
  err.textContent = ok ? '' : 'Email chưa hợp lệ'
  email.setAttribute('aria-invalid', String(!ok))
  if (ok) form.submit()
})