Jump to content
Sign in to follow this  
Knot

Problemas com inputs

Recommended Posts

Knot

Boas!

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">

Share this post


Link to post
Share on other sites
HappyHippyHippo

deixa ver se percebi

estás a tentar deixar introduzir texto num campo numérico ?


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites
Knot

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);">

<script>
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

}
</script>

Edited by Knot

Share this post


Link to post
Share on other sites
HappyHippyHippo

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 ...


IRC : sim, é algo que ainda existe >> #p@p

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.