j-RawInput

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

j-RawInput este un component de intrare simplu cu o mare funcționalitate ascunsă.

Configurarea:

type {String} Opțional, poate fi email, phone, password, zip, date, time, url, number, search, lower, upper sau în mod implicit,
required {Boolean} opțional, permite „necesită” (default: false)
autofocus {Boolean} opțional, se concentrează pe intrare (default: false)
autofill {Boolean} opțional, permite caracteristicile de autofilaj ale browserului (default: false)
placeholder {String} este opțional, adăugând un text placeholder la intrarea
maxlength {Number} opțional, stabilește o lungime maximă a încărcăturii (default: 200)
minlength {Number} opțional, stabilește o lungime minimă a încărcăturii
minvalue {Number} opțional, o valoare minimă pentru tipul number
maxvalue {Number} opțional, o valoare maximă pentru tipul number
validate {String} opțional, o condiție de validare a valorii, poate conține un link la function(value) sau !!value.match(/[a-z]+/)
format {String} opțional, formatul de ieșire etc. pentru tipul date: yyyy-MM-dd, pentru tip time: HH:mm, pentru number puteți defini max. decimale
disabled {Boolean} opțional, dezactivă acest component
autocomplete {String} opțional, trebuie să conțină un link la o funcție, este declanșat pe evenimentul focus
spaces {Boolean} opțional, permite spații altfel le îndepărtează (default: true)
autosource {String} este o funcție de search în autocomplete, function(search, render(arr))
autovalue {String} este o cale de proprietate pentru valoarea în autosource, standard: name
autoexec {String} - o metodă de călătorie function(item, next(value_to_input))
forcevalidation {Boolean} permite validarea forței pentru phone și email (default: true)
monospace {Boolean} permite fontul monospaced (default: false)
enter {String} un link la function(val, com) - evaluat atunci când utilizatorul prestează intrarea
NEW: realtime {Boolean} permite legarea în timp real (default: true)
NEW: exec {String} un link la function(value, element) care va fi evaluat dacă intrarea este afectată

Utilizați-l cu <ui-component name="rawinput">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

example.html

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

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