Batas Karakter dalam HTML

Bagaimana Anda menerapkan batas karakter pada input teks di HTML?

Ada 2 solusi utama:

HTML murni:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

Yang JavaScript (lampirkan ke Acara onKey):

function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    } 
}

Tapi bagaimanapun, tidak ada solusi yang baik. Anda tidak dapat beradaptasi dengan implementasi HTML yang buruk dari setiap klien, itu adalah perjuangan yang mustahil untuk menang. Itulah mengapa jauh lebih baik untuk memeriksanya di sisi server, dengan skrip PHP / Python / apa pun.

ada atribut maxlength

<input type="text" name="textboxname" maxlength="100" />

Selain hal di atas, saya ingin menunjukkan bahwa validasi sisi klien (kode HTML, javascript, dll.) Tidak pernah cukup. Juga periksa panjang sisi server, atau jangan periksa sama sekali (jika tidak begitu penting sehingga orang dapat diizinkan untuk menyiasatinya, maka tidak cukup penting untuk benar-benar menjamin langkah apa pun untuk mencegahnya).

Juga, rekan-rekan, dia (atau dia) mengatakan HTML, bukan XHTML. ;)

gunakan atribut "maxlength" seperti yang dikatakan orang lain.

jika Anda perlu meletakkan panjang karakter maksimal pada AREA teks, Anda perlu beralih ke Javascript. Lihat di sini: Cara memaksakan maxlength pada textArea dalam HTML menggunakan JavaScript

Untuk elemen <input> ada atribut maxlength:

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

(Ngomong-ngomong, jenisnya adalah "teks", bukan "kotak teks" seperti yang ditulis orang lain), namun, Anda harus menggunakan javascript dengan <textarei> s. Bagaimanapun panjangnya harus diperiksa di server.

Anda dapat mengatur maxlength dengan jquery yang sangat cepat

jQuery(document).ready(function($){ //fire on DOM ready
 setformfieldsize(jQuery('#comment'), 50, 'charsremain')
})