ForgeComponentes
pt

Componentes

j-RawInput

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

j-RawInput é um componente de entrada simples com uma grande funcionalidade escondida.


Configuração:

  • type {String} opcional, pode ser email, phone, password, zip, date, time, url, number, search, lower, upper ou em vácuo (default)
  • required {Boolean} opcional, permite o "requisito" (default: false)
  • autofocus {Boolean} opcional, focando a entrada (default: false)
  • autofill {Boolean} opcional, permite a função de autofilação do navegador (default: false)
  • placeholder {String} opcional, adiciona um texto placeholder à entrada
  • maxlength {Number} opcional, fixa-se uma duração máxima de carros (default: 200)
  • minlength {Number} opcional, estabelece um comprimento mínimo de carros
  • minvalue {Number} opcional, um valor mínimo para o tipo number
  • maxvalue {Number} opcional, um valor máximo para o tipo number
  • validate {String} opcional, uma condição para validação de valor, pode conter um link para function(value) ou !!value.match(/[a-z]+/)
  • format {String} opcional, formatação de saída por exemplo para o tipo date: yyyy-MM-dd, para o modelo time: HH:mm, para number você pode definir um máximo. decimais
  • disabled {Boolean} opcional, desabilita este componente
  • autocomplete {String} opcional, precisa de conter um link para uma função, é desencadeado no evento focus
  • spaces {Boolean} opcional, permite espaços caso contrário ele os remove (default: true)
  • autosource {String} um caminho para a função search em autocomplete, function(search, render(arr))
  • autovalue {String} um caminho de propriedade para o valor em autosource, padrão: name
  • autoexec {String} um caminho método function(item, next(value_to_input))
  • forcevalidation {Boolean} permite validação de força para phone e email (default: true)
  • monospace {Boolean} permite a letra monospaced (default: false)
  • enter {String} um link para function(val, com) - avaliado quando o usuário pressiona
  • NEW: realtime {Boolean} permite a ligação em tempo real (default: true)
  • NEW: exec {String} um link para o function(value, element) que será avaliado se a entrada é afetada

Use-o com <ui-component name="rawinput">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença MIT.

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

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