# j-Validate

> Il componente contiene lo stesso codice sorgente che il componente j-Validation.

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

Il componente contiene lo stesso codice sorgente che il componente `j-Validation`.


__Configurazione__:

- `if {String}` può contenere condizione JS per la valutazione
	- `value {Object}` contiene un modello completo
	- `path {String}` contiene un percorso cambiato
	- __Il ritorno di Boolean__
- Selettore `selector {String}` jQuery per disabilitare (default: `button[name="submit"]`)
- `delay {Number}` un tempo di validazione (default: `100`)
- Le bandiere `flags {String}` per una migliore validazione possono contenere componenti `visible,hidden,enabled,disabled`
	- `enabled` valida tutti i componenti che sono attivati `input`, `textarea` o `select` elementi
	- `disabled` valida tutti i componenti che sono disabilitati `input`, `textarea` o `select` elementi
	- `hidden` valida tutti i componenti nascosti
	- `visible` valida tutti i componenti visibili
- `track {String}` può contenere percorsi suddivisi dal comma, e il cambiamento manuale di ciascun percorso (con `SET()`, `UPD()`, `INC()`, ecc. metodi) validerà la validazione
- `validonly {Boolean}` Scatola `dirty` Stato (default ) `false`)
- __NEW__ `changes {Boolean}` consente di confrontare i cambiamenti solo tra il modello di input e il modulo (default: `false`)
- __NEW__ `strictchanges {Boolean}` consente cambiamenti di confronto rigorosi (altrimenti i valori `null`, `false`, `empty strings` e `0` saranno rimossi), default: `false`
- __NEW__ `exec {String}` opzionale, un collegamento al `function(data)` che viene eseguito quando il modello è validato e modificato
- __NEW__ `output {String}` opzionale, un collegamento al `function(valid)` o il percorso

__Buono sapere__:

- Il componente aggiunge la classe `ui-validate-ok` all'elemento se il modello è valido
- Il componente aggiunge la classe `ui-validate-no` all'elemento se il modello è invalido
- Il componente aggiunge la classe `ui-validate-modified` all'elemento se il modello è cambiato

Utilizzare con `<ui-component name="validate">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

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