j-Validation

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Součást obsahuje stejný zdrojový kód jako složka j-Validate.

Konfigurace:

if {String} může obsahovat podmínku JS pro hodnocení
- value {Object} obsahuje celý model
- path {String} obsahuje změnu cesty
- Musí se vrátit Boolean
selector {String} jQuery selektor pro deaktivace (podmínkou: button[name="submit"])
delay {Number} časový výstup pro ověření (předvolený: 100)
Vlajky flags {String} pro lepší ověření, mohou obsahovat komponenty visible,hidden,enabled,disabled
- enabled potvrzuje všechny komponenty, které jsou povoleny prvky input, textarea nebo select
- disabled potvrzuje všechny komponenty, které jsou deaktivovány prvky input, textarea nebo select
- hidden potvrzuje všechny složky, které jsou skryté
- visible potvrzuje všechny komponenty, které jsou viditelné
track {String} může obsahovat trasy rozdělené komou, a manuální změna každé trasy (prostřednictvím SET(), UPD(), INC(), atd. metody) bude hodnotit ověření
validonly {Boolean} skipsy dirty stav (předvolený: false)
NEW changes {Boolean} umožňuje srovnání změn pouze mezi vstupním modelem a formulářem (předběžně: false)
NEW strictchanges {Boolean} umožňuje přísné srovnání změn (jinak se hodnoty null, false, empty strings a 0 budou odstraněny), předvolba: false
NEW exec {String} volitelný, odkaz na function(data) který se provádí při ověření a změně modelu
NEW output {String} volitelné, odkaz na function(valid) nebo cestu

Dobré vědět:

komponenta přidává třídu ui-validate-ok do prvku, pokud je model platný
Komponenta přidává třídu ui-validate-no do prvku, pokud je model neplatný
Komponenta přidává třídu ui-validate-modified do prvku, pokud je model změněn

Použijte ji s <ui-component name="validation">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>