# j-Validation

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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 1e32a76f0432a22aef49c48978384af5195d4f9d148f30d3cbd3aeae5e3392cc
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

```html 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>
```