j-RawInput

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

j-RawInput is een eenvoudige inputcomponent met een grote verborgen functionaliteit.

Configuratie:

type {String} Optional kan het email, phone, password, zip, date, time, url, number, search, lower, upper of een leeg (default)
required {Boolean} optioneel, mogelijk "verplicht" (default: false)
autofocus {Boolean} optioneel, focust op de ingang (default: false)
autofill {Boolean} optioneel, de autofillfunctie van de browser mogelijk maakt (default: false)
placeholder {String} optioneel, voegt een placeholder tekst toe aan de invoer
maxlength {Number} optioneel, bepaalt een maximale lengte van de banden (default: 200)
minlength {Number} optioneel, bepaalt een minimale lengte van banden
minvalue {Number} optioneel, een minimale waarde voor de number type
maxvalue {Number} optioneel, een maximale waarde voor de number type
validate {String} optioneel, een voorwaarde voor validatie van waarde, kan een link bevatten naar function(value) of !!value.match(/[a-z]+/)
format {String} optie, output formatting enz. voor date Type van: yyyy-MM-ddVoor time Type van: HH:mmVoor number U kunt max. decimalen definiëren
disabled {Boolean} optioneel, deze component wordt uitgeschakeld
autocomplete {String} optioneel, moet een link naar een functie bevatten, wordt uitgevoerd op het evenement focus
spaces {Boolean} optioneel, maakt ruimte anders het verwijdert ze (default: true)
autosource {String} een weg naar search functie in autocomplete, function(search, render(arr))
autovalue {String} een eigendomsweg voor de waarde in autosource, standaard: name
autoexec {String} een pad methode function(item, next(value_to_input))
forcevalidation {Boolean} mogelijk voor kracht validatie voor phone en email (default: true)
monospace {Boolean} maakt monospaced lettertype mogelijk (default: false)
enter {String} een link naar function(val, com) - geëvalueerd wanneer de gebruiker drukt
NEW: realtime {Boolean} zorgt voor realtime binding (default: true)
NEW: exec {String} een link naar de function(value, element) die zal worden beoordeeld als de ingang wordt beïnvloed

Gebruik het met <ui-component name="rawinput">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

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

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