# j-Validate

> Komponenten innehåller samma källkod som komponenten j-Validation.

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

Komponenten innehåller samma källkod som komponenten `j-Validation`.


__Konfigurera__:

- `if {String}` kan innehålla JS-förhållande för utvärdering
	- `value {Object}` innehåller hela modellen
	- `path {String}` innehåller ändrad väg
	- __Måste återvända boolean__
- `selector {String}` jQuery-selektor för inaktivering (default: `button[name="submit"]`)
- `delay {Number}` en timout för validering (default: `100`)
- `flags {String}` flaggor för bättre validering, kan innehålla `visible,hidden,enabled,disabled` komponenter
	- `enabled` validerar alla komponenter som är aktiverade `input`, `textarea` eller `select` element
	- `disabled` validerar alla komponenter som är inaktiverade av `input`, `textarea` eller `select` element
	- `hidden` validerar alla komponenter som är dolda
	- `visible` validerar alla komponenter som är synliga
- `track {String}` kan innehålla vägar som delas av comma, och manuell ändring av varje väg (via `SET()`, `UPD()`, `INC()`, etc. metoder) kommer att utvärdera valideringen
- `validonly {Boolean}` skips `dirty` status (default: `false`)
- __NEW__ `changes {Boolean}` gör det möjligt att jämföra ändringar endast mellan inmatningsmodellen och formuläret (default: `false`)
- __NEW__ `strictchanges {Boolean}` möjliggör strikt jämförande ändringar (i annat fall kommer värdena `null`, `false`, `empty strings` och `0` att tas bort), standard: `false`
- __NEW__ `exec {String}` alternativ, en länk till `function(data)` som körs när modellen valideras och ändras
- __NEW__ `output {String}` valfritt, en länk till `function(valid)` eller väg

__Bra att veta__:

- komponenten lägger till `ui-validate-ok`-klassen till elementet om modellen är giltig
- komponenten lägger till `ui-validate-no`-klassen till elementet om modellen är invalid
- komponenten lägger till `ui-validate-modified`-klassen till elementet om modellen ändras

Använd den med `<ui-component name="validate">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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