j-RawInput

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

j-RawInput es un componente de entrada simple con una gran funcionalidad oculta. Está destinado a una personalización adicional.

Configuración:

type {String} opcional, puede ser email, phone, password, zip, date, time, url, number, search, lower, upper o vacío (predeterminado)
required {Boolean} opcional, habilita "requerido" (predeterminado: false)
autofocus {Boolean} opcional, enfoca la entrada (por defecto: false)
autofill {Boolean} opcional, habilita la función de autocompletar del navegador (predeterminado: false)
placeholder {String} opcional, agrega un texto placeholder en la entrada
maxlength {Number} opcional, establece una longitud máxima de caracteres (predeterminado: 200)
minlength {Number} opcional, establece una longitud mínima de caracteres
minvalue {Number} opcional, un valor mínimo para el tipo number
maxvalue {Number} opcional, un valor máximo para el tipo number
validate {String} opcional, una condición para validar el valor, puede contener un enlace a function(value) o !!value.match(/[a-z]+/)
format {String} opcional, formato de salida, p. para date tipo: yyyy-MM-dd, para time tipo: HH:mm, para number puede definir máx. decimales
disabled {Boolean} opcional, desactiva este componente
autocomplete {String} opcional, debe contener un enlace a una función, se activa en el evento focus
spaces {Boolean} opcional, habilita espacios de lo contrario los elimina (predeterminado: true)
autosource {String} una ruta a la función search en autocomplete, function(search, render(arr))
autovalue {String} una ruta de propiedad para el valor en autosource, predeterminado: name
autoexec {String} un método de ruta function(item, next(value_to_input))
forcevalidation {Boolean} habilita la validación forzada para phone y email (predeterminado: true)
monospace {Boolean} habilita la fuente monospaced (predeterminada: false)
enter {String} un enlace a function(val, com) - evaluado cuando el usuario presiona enter
NUEVO: realtime {Boolean} habilita el enlace en tiempo real (predeterminado: true)
NUEVO: exec {String} un enlace al function(value, element) que será evaluado si la entrada se ve afectada

Úselo con <ui-component name="rawinput">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

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

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