Jak ograniczyć lub ograniczyć wpisywanie przez użytkownika maksymalnie pięciu znaków w polu tekstowym?
Poniżej znajduje się pole wprowadzania jako część mojego formularza:
<input type="text" id="sessionNo" name="sessionNum" />
Czy używa czegoś takiego jak maxSize czy coś takiego?
<input type="text" maxlength="5">
demo na żywo: jsfiddle.net/mcBbW/1Odpowiedzi:
maksymalna długość :
Jednak przewodnik może mieć na to wpływ, ale nie musi. Konieczne może być również użycie lub dodanie innej funkcji obsługi, aby przetestować długość.
źródło
pattern
atrybutu. Zobacz stackoverflow.com/questions/10281962/…Najprostszy sposób na to:
A więc ... Dodanie tego atrybutu do kontrolki:
źródło
Dodaj do nagłówka:
źródło
this.form.sessionNo
wydaje się trochę podejrzana. Dlaczego nie po prostuthis
? A także,limitCount
alimitNum
także wydaje się niesprawne / niepotrzebne?this.form.sessionNo
nadal nie wydaje się w porządku.this
w tym kontekście wskażeinput
, niedocument
.form
obu.this
to wszystko czego potrzebujesz. Ponadto, technicznie rzecz biorąc, gdybyś chciał odwołać się do elementu za pomocą elementuform
, byłoby to przez (form
/input
)name
, a nieid
, tjdocument.formName.sessionNum
. : .Według w3c domyślną wartością atrybutu MAXLENGTH jest nieograniczona liczba. Jeśli więc nie określisz maksymalnej wartości, użytkownik może kilka razy wyciąć i wkleić Biblię i umieścić ją w formularzu.
Nawet jeśli określisz MAXLENGTH na rozsądną liczbę, upewnij się, że dokładnie sprawdziłeś długość przesłanych danych na serwerze przed przetworzeniem (używając czegoś takiego jak php lub asp), ponieważ i tak jest dość łatwo ominąć podstawowe ograniczenie MAXLENGTH
źródło
maksymalna liczba liter, które można wprowadzić, to 5.
źródło
Uprość to
i użyj alertu, aby pokazać, że użyto maksymalnej liczby znaków.
źródło
Zawsze robię to tak:
Wejście:
źródło
Maksymalna długość
Maksymalna liczba znaków, które zostaną zaakceptowane jako dane wejściowe. Atrybut maxlength określa maksymalną liczbę znaków dozwolonych w elemencie.
Szkoły Maxlength W3
źródło
Możesz użyć
<input type = "text" maxlength="9">
lub<input type = "number" maxlength="9">
dla numerów lub<input type = "email" maxlength="9">
do weryfikacji adresu e-mail pojawi sięźródło
źródło
Użyj maxlenght = "liczba znaków"
źródło
Poniższy kod zawiera zliczane ...
źródło
źródło