JS: http://goo.gl/ueKw2
CSS: http://goo.gl/76cxn
O plugin é dependente do masked input que pode ser obtido aqui:
http://digitalbush.com/projects/masked-input-plugin/
Segue uma pequena demostração de como usa-lo:
$("seletor").inputCustom({
opção : "valor"
});
Segue a lista de opções:
label
Descrição: Texto padrão do campo, desaparece no evento focus
Padrão: ""
datatype
Descrição: Tipo de dado [text/url/email/number]
Padrão: text
required
Descrição: Seta campo camo obrigatório ou não
Padrão: false
disable
Descrição: Checa se campo pode estar desativado
Padrão: false
minlength
Descrição: Tamanho mínimo em caractéres do texto, em caso de número valor mínimo do número
Padrão: 1
Descrição: Tamanho máximo em caractéres do texto, em caso de número valor máximo do número
Padrão: 10000
Descrição: Mensagem de erro caso campo não for corretamente preenchido
Padrão: 'Preencha o campo corretamente!'
Descrição: Classe que será aplicada ao elemento caso não esteja corretamente preenchido
Padrão: 'errorField'
Descrição: Classe para quando o elemento esteja no texto padrão (label)
Padrão: 'labelActive'
Descrição: Máscara que será aplicada ao elemento (ex.: 99/99/9999), para maiores informações pesquisar o site no maskedinput
Padrão: ""
Descrição: Url onde será recebido o JSON usado para o auto complete: (ex.: { "city_5137":"Ribeirão Pires","city_5138":"Ribeirão Preto"})
Padrão:
Descrição: Evento click do elemento
Padrão: function(){}
Descrição: Evento focus do elemento
Padrão: function(){}
Descrição: Evento focusout do elemento
Padrão: function(){}
Descrição: Evento keydown do elemento
Padrão: function(){}
Descrição: Evento keyup do elemento
Padrão: function(){}
Exemplo básico:
$(document).ready(function(){
$("input[name=nome]").inputCustom({
label: "Nome: ",
required: true,
minlength: 3,
maxlength: 150,
errorMsg: "Preencha o campo nome"
});
$("input[name=email]").inputCustom({
label: "Email: ",
required: true,
datatype: "email",
errorMsg: "Preencha o campo email!"
});
$("input[name=url]").inputCustom({
label: "Site: ",
required: true,
datatype: "url",
errorMsg: "Preencha o campo URL"
});
});
Por hoje é só, se possível amanhã estarei falando um pouco mais sobre o plugin.
Nenhum comentário:
Postar um comentário