j-Validate

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Le composant contient le même code source que le composant j-Validation.

Configuration :

if {String} peut contenir la condition JS pour l'évaluation
- Le value {Object} contient un modèle complet
- path {String} Contient un changement de chemin
- Il faut revenir à Boolean
selector {String} jQuery pour désactiver (defaut: button[name="submit"])
delay {Number} un temps de validation (defaut : 100)
Les drapeaux flags {String} pour une meilleure validation peuvent contenir des composants visible,hidden,enabled,disabled
- enabled valide tous les composants qui sont activés par des éléments input, textarea ou select
- disabled valide tous les composants qui sont désactivés par des éléments input, textarea ou select
- hidden : tous les composants qui sont cachés
- Le visible valide tous les composants visibles.
track {String} peut contenir des voies divisées par le comma, et le changement manuel de chaque chemin (via SET(), UPD(), INC(), etc.) évalueront la validation
validonly {Boolean} Les vaisseaux dirty État (defaut : false)
NEW changes {Boolean} permet de comparer les changements uniquement entre le modèle d'entrée et le formulaire (défaut: false)
NEW strictchanges {Boolean} permet de comparer strictement les changements (ou non, les valeurs null, false, empty strings et 0 seront supprimées), défaut: false
NEW exec {String} optionnel, un lien vers le function(data) qui est exécuté lorsque le modèle est validé et modifié
NEW output {String} optionnel, un lien vers le function(valid) ou la voie

Bon à savoir :

Le composant ajoute la classe ui-validate-ok à l'élément si le modèle est valide
Le composant ajoute la classe ui-validate-no à l'élément si le modèle est invalide
Le composant ajoute la classe ui-validate-modified à l'élément si le modèle est modifié

Utilisez-le avec <ui-component name="validate">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

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>