j-Validation

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

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.

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>