Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde comunidade iMaster,
Brinco com JS e jQuery já há algum tempo e recentemente desenvolvi um plugin validador de formulários bem prático, e gostaria de pedir que alguém com experiencia e conhecimento nessas linguagens e com algúm tempo livre o testasse e avaliasse, tanto na prática quanto no código mesmo. Se possível, por favor, deixe um feedback com sugestões, apontando erros e melhores práticas.
git: https://gist.github.com/Uunknownn/a4af5e57dd31952229473783d9789ed3
demo (JSFiddle): https://jsfiddle.net/2zjypzj6/10/
nota: o plugin está em inglês porque eu pretendo futuramente criar um rpg de navegador, mas pode ser facilmente traduzido.
Muito obrigado desde já.
--
>
21 horas atrás, Iskandar disse:
Boa tarde comunidade iMaster,
Brinco com JS e jQuery já há algum tempo e recentemente desenvolvi um plugin validador de formulários bem prático, e gostaria de pedir que alguém com experiencia e conhecimento nessas linguagens e com algúm tempo livre o testasse e avaliasse, tanto na prática quanto no código mesmo. Se possível, por favor, deixe um feedback com sugestões, apontando erros e melhores práticas.
git: https://gist.github.com/Uunknownn/a4af5e57dd31952229473783d9789ed3
demo (JSFiddle): https://jsfiddle.net/2zjypzj6/10/
nota: o plugin está em inglês porque eu pretendo futuramente criar um rpg de navegador, mas pode ser facilmente traduzido.
Muito obrigado desde já.
--
Cara a sua extensão do Jquery é bem interessante, mas, pode ficar bem melhor, mais automatizada e mais prática pra quem vai usá-la.
Por exemplo:
Ao invés de obrigar todos os parâmetros com o título e mensagem (além da possibilidade de mudar a frase), você poderia colocar algumas coisas definidas como padrão.
Por padrão você poderia selecionar o formulário, e dentro do formulário selecionar somente os inputs que estão usando a sua 'tag' especial (exemplo: data-validate="password").
$(function(){
$("#myForm").validate();
});
<form action="" id="myform">
<!--Você pode por as regras direto no input assim diminue no javascript-->
<div>E-mail</div>
<input name="email" data-validate="required|email|len[10,32]" type="email" />
<!--acrescentar automaticamente o span com a mensagem aqui-->
<div>Senha</div>
<input name="senha" data-validate="password|len[6,15]" type="password" />
<!--acrescentar automaticamente o span com a mensagem aqui-->
<button type="submit">enviar</button>
</form>
só assim de cara, ele impedir que seja submetido e colore somente os campos que tem a tag acrescentando abaixo do input a mensagem dentro da **span**, e outra, usar o **focus()** para focar no campo quando notado que falta justo ele, neste caso o **input[0] **da lista de erro.
E pode ir ficando mais completo, você deve pensar primeiro em quem está começando (eu), daí vai evoluindo.
Não estou criticando sua extensão, pra mim ela está muito boa (mais do que esperava rsrs).
Se quiser posso te ajudar/dar opinião (o que pode não ser grande coisa rsrs).Mano, acho massa essa ideia de correr o validador direto no elemento através do atributo data. Vou trabalhar nisso assim que der tempo. Até lá pode ficar à vontade pra customizar e modificar da maneira que desejar.
Valeu pelo tempo, abraço.
>
19 horas atrás, Iskandar disse:
Mano, acho massa essa ideia de correr o validador direto no elemento através do atributo data. Vou trabalhar nisso assim que der tempo. Até lá pode ficar à vontade pra customizar e modificar da maneira que desejar.
Valeu pelo tempo, abraço.
Quando eu terminar minha extensão para o chrome posso analisar melhor sua extensão para o jquery, dar melhores ideias...
Ficou bem legal, caara.
Umas dica pra deixar mais dinâmico:
- Validar todos os campos de uma vez;
- Validar no key up;
- Validar no blur;
Parece bem fácil, gostei mesmo :D>
5 minutos atrás, itlpps disse:
- Validar no key up;
Se liga nessa:
[https://forum.imasters.com.br/topic/557881-mask-com-jquery-para-notaescolar-de-0-a-10/?do=findComment&comment=2225793](/topic/557881-mask-com-jquery-para-notaescolar-de-0-a-10/?do=findComment&comment=2225793)
Esse fórum ta uma uva pra aprendizado kkkkFiz uma versão que utiliza o atributo data pra validar os campos. Economizou uma porrada de linhas no JS.
GIT: https://git.io/v9GIX
>
1 minuto atrás, Iskandar disse:
Fiz uma versão que utiliza o atributo data pra validar os campos. Economizou uma porrada de linhas no JS.
GIT: https://git.io/v9GIX
Demo: https://jsfiddle.net/t42pqguL/
Já vou olhar
Eu to longe de avaliar alguma coisa em JS.
Massss fica um link que talvez ajude
https://tableless.com.br/tudo-que-voce-gostaria-de-saber-sobre-plugins-jquery-e-ninguem-teve-paciencia-de-explicar/