Bagaimanakah Saya Boleh Mengehadkan Input Teks HTML untuk Hanya Menerima Ketukan Kekunci Angka?

Bolehkah input teks HTML dihadkan kepada hanya membenarkan ketukan kekunci angka?

Jawapan pantas ialah ya, anda boleh menggunakan fungsi JavaScript setInputFilter () untuk mencapai matlamat ini. Fungsi ini mengambil tiga argumen, elemen kotak teks, fungsi penapis input dan mesej ralat.

Fungsi penapis input ialah fungsi yang mengambil nilai sebagai input dan mengembalikan benar jika nilai itu sah atau palsu jika ia tidak sah. Dalam kes ini, anda mahu fungsi penapis kembali benar jika nilainya ialah digit (mungkin dengan titik perpuluhan).

Berikut ialah contoh fungsi penapis input yang membenarkan hanya digit dan ' .' watak:

function inputFilter(value) {
  return /^\d*\.?\d*$/.test(value);
}

Setelah anda menentukan fungsi penapis input, anda boleh menggunakannya untuk memasang penapis input pada elemen kotak teks anda menggunakan kod berikut:

setInputFilter(document.getElementById("myTextBox"), inputFilter, "Only digits and '.' are allowed");

SetInputFilter( ) fungsi akan menggunakan penapis input pada elemen kotak teks yang ditentukan. Sebarang aksara tidak sah yang ditaip ke dalam kotak teks akan ditolak dan mesej ralat akan dipaparkan.

Nota: Adalah penting untuk tidak bergantung sepenuhnya pada pihak pelanggan pengesahan untuk menghalang pengguna daripada memasukkan aksara yang tidak sah. Anda hendaklah sentiasa mengesahkan input pengguna di bahagian pelayan juga.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengehadkan Input Teks HTML untuk Hanya Menerima Ketukan Kekunci Angka?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!