HTML'de Karakter Sınırı

HTML'de bir metin girişine nasıl karakter sınırı koyarsınız?

2 ana çözüm var:

Saf HTML olanı:

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

JavaScript olanı (bir onKey Etkinliğine ekleyin):

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

Ama her neyse, iyi bir çözüm yok. Her müşterinin kötü HTML uygulamasına uyum sağlayamazsınız, kazanmak imkansız bir mücadeledir. Bu yüzden sunucu tarafında, bir PHP / Python / herhangi bir komut dosyasıyla kontrol etmek çok daha iyidir.

bir maxlength özelliği var

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

Yukarıdakilere ek olarak, istemci tarafı doğrulamanın (HTML kodu, javascript vb.) Hiçbir zaman yeterli olmadığını belirtmek isterim. Ayrıca sunucu tarafının uzunluğunu da kontrol edin veya hiç kontrol etmeyin (insanların etrafından dolaşmasına izin verilmesi çok önemli değilse, o zaman bunu önlemek için herhangi bir adımı gerçekten garanti etmek yeterince önemli değildir).

Ayrıca arkadaşlar, o (veya o) HTML dedi, XHTML değil. ;)

diğerlerinin söylediği gibi "maxlength" özelliğini kullanın.

Bir metin ALANI için maksimum karakter uzunluğu belirlemeniz gerekiyorsa, Javascript'e dönmeniz gerekir. Buraya bir göz atın: JavaScript kullanarak HTML'de textArea üzerinde maxlength nasıl empoze edilir

<input> öğesi için maxlength özniteliği vardır:

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

(bu arada, tür "metin", diğerleri yazarken "metin kutusu" değil), ancak javascript'i <textarea> ile kullanmanız gerekir. Her iki durumda da uzunluk yine de sunucuda kontrol edilmelidir.

çok hızlı olan jquery ile maksimum uzunluğu ayarlayabilirsiniz.

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