Minlength

Atribut minlength je opakem maxlength, který naopak nastavuje maximální možnou délku. Dá se použít u značek <input> a <textarea>.

<input minlength="5">

Samostatná živá ukázka

Políčko výše bude vyžadovat 5 a více znaků. Trochu zajímavé chování nastane při nevyplnění políčka – v takovém případě validace úspěšně projde – proto se může hodit kombinace s required.

<input minlength="5" required>

Podpora v prohlížečích

HTML atribut minlength funguje zatím pouze v prohlížečích používající jádro Blink. Minimální délku pole podporuje minimálně Chrome 40 a Opera 27.

Upozornění na nedostatečnou délku v Chrome 40

Pro starší prohlížeče nezbývá než použít JavaScript:

pole.value.length

A v každém případě je nutné provést i validaci na straně serveru.

Odkazy jinam

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Atribut pattern pro formuláře

Atribut pattern pro formulářové prvky

Validace formulářů regulárními výrazy na straně klienta bez JavaScriptu.

Autocomplete

Automatické vyplňování formulářů

Pomocí atributu autocomplete jde usnadnit a zrychlit vyplňování formulářů.

Označení povinných položek

Označení povinných položek

Jak elegantně ve formuláři označit povinné položky atributem required.

Tabindex

Tabindex

Atribut tabindex slouží k uspořádání položek pro procházení klávesnicí.

Maximální délka pole

Maximální počet znaků

HTML atribut maxlength omezuje počet znaků ve formulářovém poli.

Komentáře