Problemas com inputs - HTML - Portugal-a-Programar
Problemas com inputs
By Knot, July 10, 2015 in HTML
Tenho uma página com diversos inputs que permitem que o utilizador introduza um número e consoante o número esteja dentro ou fora dos limites definidos assim o valor mostra a verde ou vermelho. Quando o utilizador passa para o input seguinte é guardado o valor (myFunc). Guarda quer esteja dentro do limite ou não, pois o objetivo é mesmo esse, é apenas para o utilizador ter uma ideia se o valor está dentro dos limites ou não. Mas agora surge o problema, como conseguir colocar aqui texto? É que após ter isto a funcionar vem o pedido do utilizador puder introduzir também texto, mas só consigo introduzir texto se o type for text, mas no type text não funciona o max e o min... Alguém tem uma ideia de como contornar isto? Cada input tem valores próprios de min e max, não existem valores globais para os inputs.
<input id="32" class="form-control col-md-4 col-sm-4" type="number" onblur="myFunc(this.id, this.value, this.name);" name="value_1" value="" max="5.15" min="4.05" step="any">
estás a tentar deixar introduzir texto num campo numérico ?
Por estranho que pareça é isso...
Para já meti um botão ao lado de cada input e clicando altera o type='number' para type='text' e vice-versa do respectivo input, pois foi a única solução que me ocorreu. Mas se alguém tiver alguma ideia agradeço.
Edit: outra opção que me lembrei agora seria utilizar sempre type='text' e tratar a parte da validação visual através de javascript. Seria uma melhor opção?
<input type='text' value='' id='input_1' data-min='10' data-max='24' onblur="myFunc(this.getAttribute(\"data-min\"),this.getAttribute(\"data-max\"), this.id, this.value, this.name);">
function myFunc(min, max, id, value, name)
//verifica se o value é numero
// se for numero verifica se está dentro dos valores data-min e data-max (pode ter só min ou só max também)
// caso esteja adiciona a classe sucesso, caso contrario adiciona a class insucesso
//guardar dados
Edited July 10, 2015 by Knot
gosto mais da segunda opção porque o sistema pode ter controlos para o input do tipo "number" que irão estar sempre a "saltar" à vista quando alteras o tipo, além de que a primeira obriga-te a ter o botão extra ...