Contoh Coding Form Registrasi yang Responsif

Memvalidasi Konfirmasi dan Form

Gunakan setCustomValidity() agar konfirmasi harus sama:

function validateConfirmation() {
  passwordConfirmation.setCustomValidity(
    passwordConfirmation.value
      && passwordConfirmation.value !== password.value
      ? 'Konfirmasi kata sandi tidak sama.'
      : ''
  );
}

Validasi form:

form.addEventListener('submit', (event) => {
  event.preventDefault();
  event.stopPropagation();
  validateConfirmation();
  form.classList.add('was-validated');

  if (form.checkValidity()) {
    successMessage.classList.remove('d-none');
  }
});

preventDefault() dipakai karena contoh belum mempunyai backend. Validasi browser membantu pengalaman pengguna, tetapi dapat dilewati dan tidak boleh menggantikan validasi server.