# j-Validate

> De component bevat dezelfde broncode als de j-Validation-component.

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

De component bevat dezelfde broncode als de `j-Validation`-component.


__Configuratie__:

- `if {String}` kan JS-conditie bevatten voor evaluatie
	- `value {Object}` bevat het volledige model
	- `path {String}` bevat veranderd pad
	- __Terug naar Boolean__
- `selector {String}` jQuery selector voor de ontbinding (default: `button[name="submit"]`)
- `delay {Number}` a timeout voor validatie (default: `100`)
- `flags {String}` vlaggen voor betere validatie, kan `visible,hidden,enabled,disabled` componenten bevatten
	- `enabled` valideert alle componenten die `input`, `textarea` of `select` elementen zijn ingeschakeld
	- `disabled` valideren alle componenten die `input`, `textarea` of `select` elementen zijn uitgeschakeld
	- `hidden` valideren alle onderdelen die verborgen zijn
	- `visible` valideren alle componenten die zichtbaar zijn
- `track {String}` kan paden bevatten die door de comma worden verdeeld, en het handmatig wijzigen van elke pad (via `SET()`, `UPD()`, `INC()`, etc. methoden) zal de validatie evalueren
- `validonly {Boolean}` schepen `dirty` staat (default: `false`)
- __NEW__ `changes {Boolean}` maakt het mogelijk om veranderingen alleen te vergelijken tussen het inputmodel en het formulier (default: `false`)
- __NEW__ `strictchanges {Boolean}` maakt het mogelijk om strenge vergelijkingswijzigingen te maken (anders worden de waarden van `null`, `false`, `empty strings` en `0` verwijderd), standaard: `false`
- __NEW__ `exec {String}` optioneel, een link naar de `function(data)` die wordt uitgevoerd wanneer het model is gevalideerd en gewijzigd
- __NEW__ `output {String}` optioneel, een link naar de `function(valid)` of pad

__Goed om te weten__:

- component voegt de `ui-validate-ok`-klasse toe aan het element als het model geldig is
- component voegt de `ui-validate-no`-klasse toe aan het element als het model onmogelijk is
- component voegt de `ui-validate-modified`-klasse toe aan het element als het model verandert

Gebruik het met `<ui-component name="validate">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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