j-RawInput

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

j-RawInput est un composant d'entrée simple avec une grande fonctionnalité cachée.

Configuration :

type {String} optionnel, il peut être email, phone, password, zip, date, time, url, number, search, lower, upper ou à l’écart (defaut)
required {Boolean} en option, active "obligatoire" (par défaut : false)
autofocus {Boolean} optionnel, focalisant l'entrée (defaut: false)
autofill {Boolean} optionnel, permet la fonctionnalité d'autofill du navigateur (defaut: false)
placeholder {String} facultatif, ajoute un texte placeholder dans l'entrée
maxlength {Number} optionnel, fixant une longueur maximale des chars (defaut: 200)
minlength {Number} optionnel, fixant une longueur minimale des chars
minvalue {Number} optionnel, une valeur minimale pour le type number
maxvalue {Number} optionnel, une valeur maximale pour le type number
validate {String} facultatif, condition de validation de valeur, peut contenir un lien vers function(value) ou !!value.match(/[a-z]+/)
format {String} optionnel, formatage de sortie par exemple pour le type date : yyyy-MM-dd, pour le modèle time: HH:mm, pour number, vous pouvez définir un maximum de décimales.
disabled {Boolean} facultatif, désactive ce composant
autocomplete {String} optionnel, doit contenir un lien à une fonction, est déclenché sur l'événement focus
spaces {Boolean} facultatif, active les espaces sinon il les supprime (par défaut : true)
autosource {String} un chemin vers la fonction search dans autocomplete, function(search, render(arr))
autovalue {String} est une voie de propriété pour la valeur en autosource, par défaut: name
autoexec {String} méthode de route function(item, next(value_to_input))
forcevalidation {Boolean} permet la validation de force pour phone et email (défaut: true)
monospace {Boolean} permet la phonture monospaced (défaut : false)
enter {String} un lien vers function(val, com) - évalué lorsque l'utilisateur appelle
NEW: realtime {Boolean} permet la connexion en temps réel (defaut: true)
NEW: exec {String} un lien vers le function(value, element) qui sera évalué si l'entrée est affectée

Utilisez-le avec <ui-component name="rawinput">. 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

<ui-component name="rawinput" path="form.name"></ui-component>

<script>
	var form = { name: 'Peter' };
</script>