j-RawInput

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

j-RawInput är en enkel ingångskomponent med en stor dolda funktionalitet.

Konfigurera:

type {String} Optionellt kan det vara email, phone, password, zip, date, time, url, number, search, lower, upper eller tomt (default)
required {Boolean} valfritt, möjliggör "nödvändigt" (default: false)
autofocus {Boolean} är valfritt, fokuserar på inmatningen (default: false)
autofill {Boolean} valfritt, möjliggör webbläsarens autofillfunktion (default: false)
placeholder {String} alternativ, lägger till en placeholder text i inmatningen
maxlength {Number} valfritt, ställer in en maximal längd av strängar (default: 200)
minlength {Number} valfritt, ställer in en minimilängd av lådor
minvalue {Number} valfritt, ett minimivärde för typ number
maxvalue {Number} valfritt, ett maximalt värde för typ number
validate {String} är valideringsvillkor och kan innehålla en länk till function(value) eller !!value.match(/[a-z]+/).
format {String} Optionell, utgångsformatering etc. för date Typ av: yyyy-MM-ddFör att time Typ av: HH:mmFör att number Du kan definiera max. decimals
disabled {Boolean} alternativ, inaktiverar denna komponent
autocomplete {String} är valfritt, måste innehålla en länk till en funktion, utlöses på focus händelse
spaces {Boolean} valfritt, möjliggör utrymmen annars tar det bort dem (default: true)
autosource {String} en väg till search funktion i autocomplete, function(search, render(arr))
autovalue {String} är en fastighetssida för värdet i autosource, standard: name
autoexec {String} en vägmetod function(item, next(value_to_input))
forcevalidation {Boolean} möjliggör styrkavalidering för phone och email (default: true)
monospace {Boolean} aktiverar monospaced font (default: false)
enter {String} en länk till function(val, com) - utvärderas när användaren trycker in
NEW: realtime {Boolean} möjliggör realtidsbindning (default: true)
NEW: exec {String} en länk till function(value, element) som kommer att utvärderas om inmatningen påverkas

Använd den med <ui-component name="rawinput">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

example.html

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

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