terça-feira, 5 de abril de 2011

Campo numérico com controle - jQuery


Há tempos procuro um plugin pra jQuery que simule aqueles campos númericos que tem as setinhas ao lado pra você aumentar ou diminuir o valor.
Sempre procurei por Numeric Stepper (que é como conhecia).
Mas descobri outro nome: Spin Box.

Procurando no magnífico Google, cheguei ao plugin Spin Button. (Veja os exemplos aqui)

Agora você pode ter um controle maior, quando um campo requer que o usuário digite um número específico.

HTML5: também existe a opção no novo padrão HTML.
Seria:  

<input type="number" min="0" max="0" step="1" value="10">

Porém até onde sei só funciona no Opera.

Se você quiser usar os dois, já se preparando para o futuro, pode verificar se o navegador já tem essa função assim com a ajuda do Modernizr:

if (!Modernizr.inputtypes.number) {
    $('#numero').spin({max:100,min:0});
 

Espero ter ajudado!

Nenhum comentário:

Postar um comentário