# j-Validation

> Die Komponente enthält denselben Quellcode wie die Komponente j-Validate.

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

Die Komponente enthält denselben Quellcode wie die Komponente `j-Validate`.


__Konfiguration__:

- `if {String}` kann JS-Bedingung für die Bewertung enthalten
	- `value {Object}` enthält das gesamte Modell
	- `path {String}` enthält einen veränderten Weg
	- __Zurück zu Boolean__
- `selector {String}` jQuery Selektor für die Deaktivierung (Default: `button[name="submit"]`)
- `delay {Number}` eine Validierungszeit (Default: `100`)
- `flags {String}` Flaggen für bessere Validierung, kann `visible,hidden,enabled,disabled` Komponenten enthalten
	- `enabled` validiert alle Komponenten, die `input`, `textarea` oder `select` Elemente aktivieren
	- `disabled` validiert alle Komponenten, die `input`, `textarea` oder `select` Elemente entlastet sind
	- `hidden` validiert alle Komponenten, die verborgen sind
	- `visible` validiert alle Komponenten, die sichtbar sind
- `track {String}` kann Wege enthalten, die von der Comma geteilt werden, und manuelle Veränderung jeder Wege (via `SET()`, `UPD()`, `INC()`, etc. Methoden) wird die Validierung bewerten
- `validonly {Boolean}` Schiffe `dirty` Status (Default: `false`)
- __NEW__ `changes {Boolean}` ermöglicht den Vergleich von Änderungen nur zwischen dem Eingangsmodell und dem Formular (Default: `false`)
- __NEW__ `strictchanges {Boolean}` ermöglicht strenge Veränderungen (andernfalls werden die Werte `null`, `false`, `empty strings` und `0` entfernt), Standard: `false`
- __NEW__ `exec {String}` optionale, eine Verbindung zum `function(data)` ausgeführt wird, wenn das Modell validiert und geändert wird
- __NEW__ `output {String}` optionale, eine Verbindung zum `function(valid)` oder Pfad

__Gut zu wissen__:

- Komponent fügt dem Element die `ui-validate-ok`-Klasse hinzu, wenn das Modell gültig ist
- Komponent fügt dem Element eine `ui-validate-no`-Klasse hinzu, wenn das Modell nicht funktioniert
- Komponent fügt dem Element die `ui-validate-modified`-Klasse hinzu, wenn das Modell geändert wird

Verwenden Sie es mit `<ui-component name="validation">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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