# j-Validate

> Componentul conține același cod de sursă ca și componenta j-Validation.

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

Componentul conține același cod de sursă ca și componenta `j-Validation`.


__Configurarea__:

- `if {String}` poate conține condiția JS pentru evaluare
	- `value {Object}` conține întregul model
	- `path {String}` conține o cale schimbată
	- __Trebuie să ne întoarcem la Boolean__
- `selector {String}` jQuery selector pentru dezactivare (default: `button[name="submit"]`)
- `delay {Number}` un timout pentru validare (default: `100`)
- Drapelele `flags {String}` pentru o mai bună validare, pot conține componente `visible,hidden,enabled,disabled`
	- `enabled` validă toate componentele care sunt activate în elementele `input`, `textarea` sau `select`
	- `disabled` validă toate componentele care sunt dezactivate `input`, `textarea` sau `select` elemente
	- `hidden` validă toate componentele care sunt ascunse
	- `visible` validă toate componentele vizibile
- `track {String}` poate conține căi împărțite de comma, iar schimbarea manuală a fiecărui drum (prin `SET()`, `UPD()`, `INC()`, etc. metode) va evalua validarea
- `validonly {Boolean}` navă `dirty` Statul de stat (default) `false`)
- __NEW__ `changes {Boolean}` permite compararea modificărilor numai între modelul de intrare și formularul (default: `false`)
- __NEW__ `strictchanges {Boolean}` permite schimbări stricte de comparare (dacă nu vor fi îndepărtate valorile `null`, `false`, `empty strings` și `0`), standard: `false`
- __NEW__ `exec {String}` opțional, un link la `function(data)` care este executat atunci când modelul este validat și modificat
- __NEW__ `output {String}` opțional, un link la `function(valid)` sau calea

__bine să știi__:

- componenta adaugă clasa `ui-validate-ok` la element, dacă modelul este valabil
- componenta adaugă clasa `ui-validate-no` la element, dacă modelul este invalid
- componenta adaugă clasa `ui-validate-modified` la element, dacă modelul este schimbat

Utilizați-l cu `<ui-component name="validate">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

```html example.html
<!-- REMOVE -->
<ui-plugin path="model">
	<ui-component name="input" path="?.name" config="required:true">Name</ui-component>
	<br />
	<br />
	<ui-component name="validate" path="?">
		<button name="submit" disabled="disabled" onclick="show_me()">SUBMIT FORM</button>
	</ui-component>
</ui-plugin>

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

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