[addon live-form-validation] Live Form Validation

despiq napsal(a):

https://gist.github.com/504867

Díky moc :)

//Edit: U této verze s namespaces jede vše jak má až na prvky s RadioList – zde se mi validují jednotlivé prvky formuláře a až dojde na prvek RadioList tak se stránka znovu načte a vypíšou se chyby klasicky nad formulářem s novou URL.

Editoval cmelis (2. 8. 2010 19:07)

Chtěl bych se zeptat, jestli je možné upravit validační pravidla tak, že by se při špatně zadaném obsahu zobrazila jen varovná ikonka a žádný text – u správně vyplněného inputu to tak je. Zkoušel jsem něco takového:

	$form->addText("jmeno", "Jmeno", 35)
->addRule(Form::FILLED, "")
->addRule(Form::REGEXP, "", "/^[a-z]+$/")
->addRule(Form::MIN_LENGTH, "", 4);

Ale je to špatně – vždycky tam musí být nějaký text, jinak se nezobrazí ani ta varovná ikonka… Neřešil někdo podobný problémek? Díky

@redhead: chvilku po napsání příspěvku mě to trklo… (:

Samozřejmě to nepůjde, protože to závisí na setClientScript. Ale mám už rozjetou úplně novou validaci. Dá se říct, že se jen upraví onen .js soubor (takže to bude spíš jenom věc javascriptu, než plugin (třída) do Nette). Ale není na to teď moc čas, ale snad to někdy brzo dodělám.

První nástřel tu: https://gist.github.com/552273

Rozhodně to zatím nemá takové možnosti jako ten starý. A navíc se aplikuje na všechny formuláře – plánuju to aplikovat třeba jen na formuláře s určitou class nebo něco podobného. Zatím to snad stačí.

tak nevím co jsem udělal blbě, ale nic mi ten JS nedělá … nevalidní form v klidu odešlu.

Firebug má feature (myslím, že Chrome má taky Firebug) a tam je v tabu konzole tlačítko „Zachovat“ a když jej aktivuješ, tak se ti konzole po reloadu nevyčistí ;)
Já to taky zkusím zjistit o co tam jde …

:D :D

Podívám se na to až přijdu z práce :) (možná budu odjíždět už večer pryč na víkend, takže když tak v neděli :D)

redhead napsal(a):

Samozřejmě to nepůjde, protože to závisí na setClientScript. Ale mám už rozjetou úplně novou validaci. Dá se říct, že se jen upraví onen .js soubor (takže to bude spíš jenom věc javascriptu, než plugin (třída) do Nette). Ale není na to teď moc čas, ale snad to někdy brzo dodělám.

Tak je to přesně zamýšleno, že změny chování validace se docílí zainkludováním jiného js souboru. Jen samotná validační pravidla byl pořešil tak, aby byly pro všechny skripty společné. Ale nad netteForms.js bude ještě dost práce.

David Grudl napsal(a):

Tak je to přesně zamýšleno, že změny chování validace se docílí zainkludováním jiného js souboru.

To byl samozřejmě naprosto správný tah.

Jen samotná validační pravidla byl pořešil tak, aby byly pro všechny skripty společné.

S tím naprosto souhlasím.

Rád bych ti jen nadhodil nápad, že by bylo fajn, mít ty pravidla rozdělené do vlastních metod (funkcí). Například nette.validators.filled(), nette.validators.email(), atd. Dalo by se to pak snáze rozšiřovat i o vlastní validace, případně ajax. callbacky. (nějak pořešit tu dvojtečku na začátku..)

Ale nad netteForms.js bude ještě dost práce.

Jen tak dál, zatím to vypadá, že je to na skvělé cestě. Chtělo by to ještě nějak definovat, pro jaký form se má aplikovat jaká klientská validace (jelikož teď se aplikuje na všechny, já např. mám některé formy se standardní validací, některé s live validací (přes třídy BaseForm, LiveForm)).

tady je:

<?php
class SubscribeNewsletterForm extends AppForm {

    public function __construct($parent, $name) {
        parent::__construct($parent, $name);
        $this->getElementPrototype()->class = 'ajax';
        $this->addText('email',_('Email'))
                ->addRule(Form::FILLED,_('Položka email je povinná.'))
                ->addRule(Form::EMAIL, _('Zadejte prosím platnou emailovou adresu.'));

        $this->addSubmit('registrovat', _('Registrovat'));
        $this->onSubmit[] = array($this, 'subscribeNewsletterFormSubmitted');
        $this->onInvalidSubmit[] = callback($this, 'subscribeNewsletterFormError');

        return $this;
    }
    public function subscribeNewsletterFormSubmitted(AppForm $form) {
        try {
                $values = $form->getValues();
                $this->presenter->flashMessage(_('OK'), 'ok');
                $this->presenter->invalidateControl('overlayNewsletter');
        } catch(IOException $e) {
                $this->presenter->flashMessage($e->getMessage(), 'error');
                $this->presenter->invalidateControl('overlayNewsletter');
        }
    }
    public function subscribeNewsletterFormError(AppForm $form) {
        foreach ($form->getErrors() as $error) {
            $this->presenter->flashMessage($error, 'error');
        }
        $this->presenter->invalidateControl('overlayNewsletter');
    }
}

Zde je komplet input co se mi vyrenderuje do stránky:

<input type="text" value="" data-nette-rules="{op:':filled',msg:&quot;Polo\u017eka email je povinn\u00e1.&quot;},{op:':email',msg:&quot;Zadejte pros\u00edm platnou emailovou adresu.&quot;}" id="frmsubscribeNewsletterForm-email" name="email" class="text">

redhead napsal(a):

Rád bych ti jen nadhodil nápad, že by bylo fajn, mít ty pravidla rozdělené do vlastních metod (funkcí). Například nette.validators.filled(), nette.validators.email(), atd.

Ano, přesně tak to bude :-)

Já to testoval na verzi: 1.0-dev 7d7ade7 released on 2010–08–26 – tam by to imho mělo být v pohodě.

mám teď blázinec, ale zkusím na to dnes mrknout a dám vědět. zatím díky za úpravy

Zkusil jsem ten řádek 84 upravit na:

$(el).parent().append(error);

A už to chybu neháže, jen to nevloží error message do toho spanu co to vytvoří.

tak sem ted po dlouhe dobe zjistil ze regular na email je naprd pusti dal docela zverinu samozrejme to pak zachyti nette kontrola

pouzil sem jiny treba: /^([\w-]+(?:\.[\w-]+))@((?:[\w-]+\.)\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i

je to radek 377
ale ted mam dejavu jako bych to uz nekdy nekam psal :)

Pokud používáš jQuery, tak bych to viděl na úpravu na jQuery eventy .click(), .change() atd.