
*********************************************************
*                   EasyForm beta                       *
*          Com Apenas 1 Linha voce Faz Tudo             *
*                Danilo F. Tedeschi                     *
*               danilof.t2@gmail.com                    *
*********************************************************

Plugin feito por Danio Franoso Tedeschi
danilof.t2@gmail.com
qualquer opniao ou sugestao  bem-vinda

funcoes:
maskIt
restrictIt
checkIt
cursorPos
checkForm

maskIt()
esta funcao  para mascarar campos de formularios
para usa-la, basta apenas uma linha:


document.getElementById('form').maskIt('999-999-999-99');


//voce seleciona o form e chama a function maskIt
o primeiro parametro  obrigatorio tudo que voce digitar que nao seja letra ou numero 
sera reconhecida como um divisor como o '-' no exemplo acima os padroes para digitos sao:
9 digito numerico de 0 a 9
a letra minuscula
A letra maiuscula
x numero ou letra minuscula
X numero ou letra maiuscula

Datas:
para usa-lo coloque os digitos corretamente.:
 ...maskIt('dd/mm/yyyy') voce pode colocar em qualquer ordem:
maskIt('yyyy-dd-mm') 
Sempre opite em usar esses padroes ao inves de 99-99-9999, pq os padroes de data conferem se a 
data  realmente valida

d dia --> 2digitos

m mes --> 2digitos
y ano --> 4digitos


---O segundo parametro  opcional---
para determina-lo voce vai usar a estrutura igual o jQuery usa para suas funcoes

maskIt('99-9',{'funcao1':function(a){
a.style.backgroundColor='red';
}});

como voce ve o segundo parametro recebe alguns parametros um deles  o funcao1:
nele voce vai escrever uma funcao se voce quer que aconteca algo com o campo
quando ativar o evento onchange, nesta a funcao voce coloca um parametro que vc vai
chamar como se fosse o campo que esta sendo testado, no exemplo o parametro a representa
o campo que esta supostamente errado, neste parametro voce tambem pode adicionar coisa como
alterar uma div que esta ao lado do campo ou qualquer outra coisa.

maskIt('99-9',{'funcao1':function(a){
a.style.backgroundColor='red';
}, 'funcao2':function(a){

a.style.backgroundColor='white';
}
});


a funcao2 funciona da mesma maneira da funcao1, s que ela  executada quando o campo esta
preenchido corretamente ,isto  importante para retornar a formatao de um campo que foi 
tido como errado entao quando o usuario digitar certo o algoritmo volta a formatao ao normal


ainda existe o parametro m que serve para o algoritmo adicionar um modificador de expressao regular
como o i, para nao diferenciar maiusculos de minuscular

maskIt('aa-a',{'m':'i'});



----------------------restrictIt()-----------------------------------------------------

Esta funcao como as outras funciona em input texts e textareas

o primeiro parametro  obrigatorio:

document.getElementById('text1').restrictIt('int');

voce restringe o usuario s conseguir digitar digitos numericos

os padroes sao os seguintes:
int
str
url

voce pode somar os padroes(menos para o padrao url):
.restrictIt('int+str');
e tambem adicionar caracteres que voce deseja liberar para o user digitar
.restrictIt('int+str+,.!?[ ');//obs.: para liberar o espaco apenas de um espaco ali no parametro


o segundo parametro tambem tem as opcoes funcao1 e funcao2 igual ao do maskIt
funciona da mesma maneira

outros parametro sao o max e min, neles voce delimita o minimo e o maximo de caracteres digitados
pelo usuario:
.restrictIt('int+str+,.!?[ ','{'min':2,'max':200});
obs.: a ordem nao precisa ser essa


----------------checkForm()-------------------------------------------------------------

Esta funcao nao  um metodo de nenhum objeto como as outras, ela  so uma funcao

o que ela faz  testar todos os campos do formulario especificado:
Por exemplo voce usou as funcoes maskIt e restrictIt esta funcao vai verificar se estes campos 
estao corretos e vai retornar true ou false

checkForm('form1'[,function(a){.....}][,function(a){....}]);
o 1 parametro voce pode informar o id do form  ou o form em si

o segundo  igual ao usado nas outras funcoes acima  para quando o campo estiver errado
o terceiro tambem, mas  para quando o campo estiver certo

Se voce estiver s usando o EasyForm para verificar seu formulario voce pode anexar a funcao ao 
evento onsubmit do formulario, que vai ser interessante


-----------------cursorPos()-------------------------------------------------------------

eu fiz esta funcao apenas para me ajudar nos outros metodos, mas resolvi explica-la pq, pode
ser util para alguns interessado

document.getElementById('text').cursorPos();

ela retorna o numero da posicao aonde esta o cursor

se voce informar 1 parametro ele ira posicionar o cursor nesta posicao

se voce informar o 1 e segundo parametro ele ira comecar a selecao no 1 e terminar no segundo parametro

cursorPos([int pos1][,int pos2]);


------------------selection()-------------------------------------------------------------
ela s retorna o texto que esta selecionado no campo
