Obsah
K provedení tohoto úkolu použijeme knihovnu Jquery Validation, aby byl kód čistší, kompaktnější a rozšiřitelnější. Tato technologie funguje pro vývojáře php i asp.net, protože běží na straně klienta a ne na serveru.Začneme stažením pluginu http://jqueryvalidation.org/ a také nejnovější verze JQuery http://jquery.com/download/
Mezi štítky
Plugin jquery.validation funguje prostřednictvím ověřovacích metod a ověřovacích pravidel, která definujeme.
Metoda ověření je datový typ, například číselné textové pole a ověřovací pravidla Umožňují přiřadit prvek naší formy, například v texboxu, k jedné nebo více metodám ověření.
Například definujeme formulář a textové pole názvu a přiřadíme mu id a požadovanou třídu, tedy povinné.
název
Za formulář vložíme kód, který provede ověření
Výsledkem, pokud se pokusíme odeslat formulář, aniž bychom cokoli napsali do pole názvu, je zpráva. Toto pole je ve výchozím nastavení povinné v angličtině.
E-mailem
PŘEKLADY CHYBOVÝCH ZPRÁV
Viděli jsme, že ve výchozím nastavení validace jquery používá anglický jazyk, uvidíme, jak jej přeložit do španělštiny. Když stáhneme plugin do lokalizačního adresáře, obsahuje soubory js se zprávami přeloženými do několika jazyků, musíme pouze vybrat ten, který potřebujeme, a přidat jej do něj, proto přidáme
Obnovujeme web a změny jsou pozorovány s chybami ve španělštině
Pokud chceme, aby pole nebylo validováno, nebudeme do něj vkládat požadovanou třídu. Tento plugin podporuje různé datové formáty, jako je maximální hodnota, minimální hodnota, datum, číslice, ověření odkazu. Můžeme také vytvořit pravidla, jako je věkové pole, do kterého lze zadat pouze číselné hodnoty mezi 18 a 99 lety
$ (). ready (funkce () {
$ ("#formdatos"). validate ({
ladění: true,
pravidla: {
věk: {
povinné: true,
číslice: true,
min: 18,
max: 99
}
}
})
})
Tento plugin nám umožňuje ušetřit spoustu času při vývoji webových aplikací a vyhnout se například chybám při sběru dat.
