Chybové hlášky jinak než v JS alertu

Ahoj, https://github.com/…m-validation – tohle dela presne co potrebujes :)

@Šaman Tak vypnutí validace funguje. Jen mi není jasné, jak si teď sám ohlídat ty chyby, tedy alespoň v Nette. Momentálně, když nevyplním nějaké políčko a odešlu to, tak mě form vrátí na stránku, odkud jsem klikl na tlačítko, že chci formulář.

Kdysi dávno bez OOP jsem ošetřoval chyby na straně serveru ve stylu něco jako:

<input type="text" name="firstname">
<input type="submit" name="send" value="Odeslat">

if(isset($_POST["send"]))
{
	$firstname = $_POST["firstname"];

	if(strlen($firstname) == 0)
		echo "Zadejte jméno.";
	else
		// Všechno v pohodě, např. insert do DB, cokoliv...
}

Nemám tušení, jak to funguje v souladu s OOP a s Nette především. Mám pořád k dispozici ty hlášky, které by jinak JS vyhodil? (podle zdrojáku nejspíš ano)

Jak je získat a zpracovat? Byla by nějaká ukázka, třeba jednoho inputu? Budu vděčný. Díky moc.

Editoval ForestCZE (27. 10. 2020 15:37)

Šaman napsal(a):

Ty chyby jsou normálně po odeslání v $form->getErrors(). Když používáš defaultní renderer, tak se vypíšou, jinak si ty chyby musíš někam vypsat sám: https://doc.nette.org/…ms/rendering#…
Je to až po odeslání, ale při zajaxování formuláře to funguje bez překreslení celé stránky.

Výhoda tohoto řešení je i to, že nemusíš rozlišovat chyby které dokáže zachytit JS a ty, které jsi vyhodil až při nějaké vlastní složitější validaci v onValidate.

Jen to myslím nevypne přímo validaci prohlížeče, která vyhodí vlastní okno pokud nějaké pole je required a není vyplněno. To je ale věc každého prohlížeče.

bdump($form->getErrors());

bdump() nic nevypíše, nicméně, když jsem si nastavil správný odkaz v setAction(), tak mi to vyhazuje ty chyby přímo k inputům do

<span class="error"></span>

Proč v getErrrors() nic není?

@Šaman
Při stisknutí tlačítka nastane toto. Už to tedy nějak vypisuje. Ale chci to vypsat jinde. Jak to mohu odchytit? Psal jsi, že jsou ty chyby ve $form->getErrors(), tak jsem si je dumpnul v metodě xxxSucceeded(Form $form), ale nic tam neni.

EDIT: Všiml jsem si, že ty hlášky se hází do

<span class="error"></span>

Už jsem začal pracovat na JS řešení, který projede všechny ty spany a hlášky to hodí do jednoho divu nad ten form, což se mi už i povedlo, ALE nevím, jak odchytit událost toho kliku (obecně nezávisle na konkrétním formuláři), aby ten div nebyl viditelný pořád.

EDIT2: Vymyslel jsem něco takového:

function showFormsErrors()
{
    const errors = document.getElementsByClassName("error"); // spany se třídou "error"
    if(errors !== null)
    {
        const getErrors = document.querySelector(".form-errors"); // můj div, kam chci vypsat všechny hlášky
        for(var i = 0; i < errors.length; i++)
        {
            getErrors.innerHTML += errors[i].innerHTML + "<br>";
        }
    }
}

Editoval ForestCZE (27. 10. 2020 21:57)

Šaman napsal(a):

Hlášky se nehází automaticky do divu. Tam je jen vykreslí defaultní renderer. Mohou být ale vykresleny úplně jinde.
Jestli ta tvoje xxxSucceeded je navěšená na onSuccess, tak tam se chyby nemohou ukázat. Ta událost se provede jen pokud byl formulář odeslán úspěšně, tedy bez chyb.

$form->onSuccess[] = [$this, 'xxxSucceeded'];

To co asi hledáš je událost $form->onError[]. Já v ní právě třeba překresluji ajaxový formulář, aby se vykreslily chyby.

$form->onError[] = function($form) {
	$this->redrawControl('form');
	bdump($form->getErrors()); # tady by to mělo fungovat
};

Ano, už to ty chyby vypisuje v poli. Pořád mi ale není jasné, co s tím dál a jak se zbavit těch spanů, ve kterých jsou ty errory po vypnutí validace. A dá se to nastavit globálně pro všechny formuláře nebo to musí být u každého zvlášť?