j-Validate

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

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.

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>