j-Validate

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Az összetevő ugyanazt a forráskódot tartalmazza, mint a j-Validation komponens.

konfiguráció:

A if {String} tartalmazhat JS állapotot az értékeléshez
- A value {Object} teljes modell
- A path {String} változó útvonalat tartalmazza
- Vissza kell térni Boolean
selector {String} jQuery kiválasztó a letiltáshoz (default: button[name="submit"])
delay {Number} a validálás időtartama (default: 100)
flags {String} zászlók jobb érvényesítés, tartalmazhat visible,hidden,enabled,disabled komponensek
- A enabled valósítja meg a input, textarea vagy select elemek összes komponensét
- A disabled valósítja meg a input, textarea vagy select elemek bármely összetevőjét
- A hidden valósítja meg az összes rejtett összetevőt
- A visible valósítja meg az összes látható összetevőt
track {String} a komma által megosztott útvonalak tartalmaznak, és minden út kézi módosítása (a SET(), UPD(), INC(), stb. módszerek) értékelni fogja a validációt
validonly {Boolean} hajók dirty állapot (default: false)
NEW changes {Boolean} lehetővé teszi, hogy a változások összehasonlítását csak a belépési modell és a formanyomtatvány között (elsődleges: false)
NEW strictchanges {Boolean} lehetővé teszi a szigorú összehasonlító változások (más esetben a null, false, empty strings és 0 értékeket eltávolítják), alapértelmezett: false
NEW exec {String} opcionális, egy link a function(data) fut, amikor a modell érvényesül és módosul
NEW output {String} opcionális, a function(valid) vagy az útvonalhoz való link

Jó tudni:

A komponens hozzáadja a ui-validate-ok osztályot az elemhez, ha a modell érvényes
A komponens hozzáadja a ui-validate-no osztályot az elemhez, ha a modell nem érvényes
A komponens hozzáadja a ui-validate-modified osztályot az elemhez, ha a modell megváltozik

Használja a <ui-component name="validate">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>