Live Form Validation for Nette 2.0
JavaScript soubor vycházející z JS validace Nette Frameworku pro podporu živé validace formulářů v Nette 2.0.
| Zdrojový kód | gist |
| Verze | 0.1 |
| Autor | Radek Ježdík, David Grudl |
| Licence | New BSD License |
Ukázka
Ukázka špatně vyplněného formuláře s použitím Live Form Validace
Instalace
Stačí pouze JS soubor z gistu na GitHubu, který nalinkujete do dokumentu. To je vše.
Skript nahrazuje originální ´netteForms.js´ soubor, není proto nutný.
Možnosti nastavení
- controlErrorClass – CSS třída, která se nastaví položce formuláře pokud se u ní vyskytne chyba
- errorMessageClass – CSS třída, která se nastaví chybové zprávě
- validMessageClass – CSS třída, která se nastaví zprávě u správně vyplněné položky
- showValid – boolean – zobrazit či nezobrazit zprávu u správně vyplněné položky
- messageTag – HTML tag, který bude obsahovat zprávu
- messageIdPostfix – string – přidává se nakonec id atributu tagu zprávy
Dále můžete podle libosti upravit metody addError (zobrazuje chyb. zprávu), removeError (schovává chyb. zprávu), showValid (zobrazení zprávy správně vyplněné položky), setupHandlers (nastavuje handlery pro položky jako focus, blur, onkeyup). Tyto metody můžete upravit pro podporu nějakého JS framworku, např. jQuery).
Komentáře 
snipi | 30. 12. 2011, 2:29 | question
Pripájam sa k FAK(ovi) … teda, v mojom pripade sa to tyka len zmiznutia napr. checkboxu „Suhlasim s podmienkami pouzivania sluzby“, co by mohlo byt sposobene tym, ze ide o element, ktory je pred labelom a az nasledne ide label. ale neviem… skusal to niekto fixnut?
fak | 12. 10. 2011, 13:47 | bug
hlásím chybu při nastavení:
controlErrorClass: ‚form-control-error‘,
errorMessageClass: ‚form-error-message‘,
validMessageClass: ‚form-valid-message‘,
showValid: false,
messageTag: ‚div‘,
messageIdPostfix: ‚_message‘
při opravě zmizí input místo zprávy