j-Validation

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Komponent obsahuje rovnaký zdrojový kód ako komponent j-Validate.

Konfigurácia:

if {String} môže obsahovať JS podmienku pre hodnotenie
- value {Object} obsahuje celý model
- path {String} obsahuje zmenené trasy
- musí vrátiť boolean
selector {String} jQuery selektor pre deaktiváciu (predvolené: button[name="submit"])
delay {Number} časový výstup pre validáciu (predvolené: 100)
flags {String} vlajky pre lepšiu validáciu, môže obsahovať visible,hidden,enabled,disabled zložky
- enabled potvrdzuje všetky komponenty, ktoré sú povolené prvkami input, textarea alebo select
- disabled potvrdzuje všetky komponenty, ktoré sú zrušené input, textarea alebo select prvky
- hidden potvrdzuje všetky zložky, ktoré sú skryté
- visible potvrdzuje všetky komponenty, ktoré sú viditeľné
track {String} môže obsahovať trasy rozdelené komou a manuálne zmeny každej trasy (prostredníctvom metód SET(), UPD(), INC(), atď.) hodnotia validáciu
validonly {Boolean} skips dirty stav (predvolené: false)
NEW changes {Boolean} umožňuje porovnávať zmeny iba medzi vstupným modelom a formulárom (predvolené: false)
NEW strictchanges {Boolean} umožňuje prísne porovnávať zmeny (alebo sa hodnoty null, false, empty strings a 0 odstránia), predvolené: false
NEW exec {String} voliteľné, odkaz na function(data) ktorý sa vykonáva, keď je model validovaný a zmenený
_NEW__ output {String} voliteľné, odkaz na function(valid) alebo cestu

Je dobré vedieť:

komponenta pridáva triedu ui-validate-ok k položke, ak je model platný
komponenta pridáva triedu ui-validate-no do prvku, ak je model neplatný
Komponent pridáva triedu ui-validate-modified do prvku, ak sa model zmení

Použite ho so <ui-component name="validation">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<!-- REMOVE -->
<ui-component name="textbox" path="model.name" config="required:true">Name</ui-component>
<br />
<br />

<!-- VALIDATION -->
<ui-component name="validation" path="model">
	<button name="submit" disabled="disabled" onclick="show_me()">SUBMIT FORM</button>
</ui-component>

<style type="text/css">
	button:disabled {
		background-color: #cccccc;
		color: #666666;
		cursor: not-allowed;
	}
</style>

<script>
    function show_me() {
        alert('ok');
    }
</script>