Live Form Validation for Nette 2.3

live-form-validation.js

Source moved to: https://github.com/Robyer/nette-live-form-validation

Ahoj, skript super. Nefunguje volani showValid() funkce, vzdy vraci false, tzn ze i pri nastaveni showValid: true, se nezobrazuje validni msg.

Oprava je nasledujici, staci pridat chybejici funkce z puvodniho scriptu:

Nette.getRules = function(rules, elem) {
    return rules || eval('[' + (elem.getAttribute('data-nette-rules') || '') + ']')
};

Ahoj, funguje to pekne :) jen mam pls dotaz. Nedari se mi udelat to, aby se zobrazila chybova hlaska u vsech nevalidnich inputu a ne jen u prvniho. Diky :)

Nahrál jsem novou verzi s novými funkcemi a opravami (viz changelog v hlavičce).

@lexinek: Opraveno. S novým netteForms.js bylo potřeba volat jinou funkci.
@jirkae: Přidáno. Zapni si volbu 'showAllErrors'.

Dobrá práce! Mohl bys z toho prosím udělat repozitář pro Bower?

Ahoj, zkoušel jsem to teď na Nette 2.2.6 a nefunguje showValid funkce. Respektive funguje, ale ne správně. Pokud ji zapnu, tak při správně vyplněném formu tak zůstane jak error message, tak i valid message. Můžeš na to mrknout? Díky.

@michalhisim: S Bowerem nemám zatím žádné zkušenosti... ale možná to později zkusím.

@Freestylerrr: Zkus přesunout řádky 139-141 z metody LiveForm.removeError před řádek 133. Je to jen takový rychlý tip (no, rychlý... 2 měsíce), ale netestoval jsem.

Hmmm, bohužel to nefunguje s checkbox listy a nevypisuje to více errorů zaráz, pokud je jich více naplněno. Nemá někdo nějakou opravenou verzi? :)

Ve verzi 2.3.2 nefunguje spravne, pri pravidlu Form::VALID je neustale class="has-error". Navic kazda validace konci pomoci promenne errorMessageClass, respektive jeji hodnoty "error-message", at je vyplneno spravne nebo nikoliv.

@pavelkouril @Lumeriol
Nahrál jsem aktualizovanou verzi pro Nette 2.3. Předpokládám, že by v ní vaše problémy mohly být opraveny.

Přesunul jsem gist do samostatného repozitáře, kde bude lepší možnost interakce, bug reportů apod.

https://github.com/Robyer/nette-live-form-validation

Nasel jsem jednu docela neprijemnou vec.
Pokud existuje formularovy prvek, jehoz rodic obsahuje i dalsi formularove prvky (ktere nejsou validni) , tak se dostane do nekonecne smycky.
Radek 192:
var errorEls = el.parentNode.getElementsByClassName(this.options.messageErrorClass);
a nasledna smycka jede porad dokola.
Rychlou opravou je zajistit, aby tento prvek mel sveho rodice.

Nějak jsem nepochopil, proč nemůže být chybová hláška v labelu kolem inputu typu check . Pokud tam není nadřazený prvek, který má stejnou polohu, dojde k zobrazení hlášky na nečekaném místě. Řešením je zaremovat řádky 293-299.