Bagaimanakah Saya Boleh Menyesuaikan Mesej Ralat Pengesahan Borang HTML?

Menyesuaikan Mesej Pengesahan untuk Borang HTML

Apabila mengesahkan borang HTML, mesej ralat lalai boleh menjadi tidak bermaklumat atau mengelirukan. Untuk meningkatkan pengalaman pengguna, anda boleh menyesuaikan mesej ini untuk interaksi yang lebih jelas dan bermakna.

Cara Menukar Mesej Pengesahan Lalai:

API pengesahan HTML5 menyediakan kaedah yang dipanggil setCustomValidity(), yang membolehkan anda menentukan mesej ralat tersuai untuk input tidak sah.

Untuk contohnya, borang HTML yang disediakan termasuk medan input untuk nama pengguna dan kata laluan dengan atribut yang diperlukan. Secara lalai, menyerahkan borang dengan medan kosong mencetuskan penyemak imbas untuk memaparkan mesej "Sila isi medan ini." Untuk menyesuaikan mesej ini, anda boleh menggunakan setCustomValidity():

<input type="text">

Di sini, atribut tidak sah dicetuskan apabila medan input tidak sah, menetapkan mesej ralat tersuai. Atribut oninput adalah penting kerana ia menetapkan semula mesej ralat apabila pengguna memasukkan data baharu, meningkatkan pengalaman pengguna.

Ralat Medan Kata Laluan Sesuaikan:

Dalam contoh yang disediakan , ralat lalai medan kata laluan ialah *. Ini boleh diubah dengan mengendalikan pengesahan dalam JavaScript. Begini caranya:

function login() {
  let username = document.getElementById("username");
  let password = document.getElementById("pass");

  if (username.value === "" || password.value === "") {
    alert("Please fill out both fields");
    return false;
  }
}

Dalam senario ini, menyerahkan nama pengguna atau kata laluan kosong mencetuskan fungsi amaran, memaparkan mesej ralat tersuai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyesuaikan Mesej Ralat Pengesahan Borang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!