Limit znaków w HTML

Jak nałożyć limit znaków na tekst wprowadzany w HTML?

Istnieją 2 główne rozwiązania:

Czysty HTML:

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

JavaScript (dołącz go do zdarzenia onKey):

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

Ale i tak nie ma dobrego rozwiązania. Nie możesz dostosować się do złej implementacji HTML u każdego klienta, to niemożliwa walka o zwycięstwo. Dlatego o wiele lepiej jest sprawdzić to po stronie serwera za pomocą skryptu PHP / Python / cokolwiek.

istnieje atrybut maxlength

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

Oprócz powyższego chciałbym zwrócić uwagę, że walidacja po stronie klienta (kod HTML, javascript itp.) Nigdy nie wystarczy. Sprawdź także długość po stronie serwera lub po prostu nie sprawdzaj jej wcale (jeśli nie jest tak ważne, aby ludzie mogli go ominąć, to nie jest wystarczająco ważne, aby naprawdę uzasadniać jakiekolwiek kroki, aby temu zapobiec).

Poza tym, koledzy, on (lub ona) powiedział HTML, a nie XHTML. ;)

użyj atrybutu „maxlength”, jak powiedzieli inni.

jeśli chcesz umieścić maksymalną długość znaków w OBSZARZE tekstowym, musisz przejść do Javascript. Spójrz tutaj: Jak nałożyć maxlength na textArea w HTML za pomocą JavaScript

Dla elementu <input> istnieje atrybut maxlength:

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

(nawiasem mówiąc, typ to „tekst”, a nie „pole tekstowe”, jak piszą inni), jednak musisz użyć javascript z <textarea> s. Tak czy inaczej, długość należy sprawdzić na serwerze.

możesz ustawić maxlength za pomocą jquery, które jest bardzo szybkie

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