Estava desenvolvendo um cálculo onde eu utilizei um campo number e um campo text, onde no campo number o usuário informaria a quantidade de um item e o campo text daria o valor do item cálculado. Em alguns testes realizados, quando o campo number é modificado através das setas do campo, ao resetar o formulário, o valor do campo number não é descartado. Tal erro acontece somente no firefox e apenas ao selecionar o valor um(1). Caso vc digite o número via teclado e reseta o formulário o erro não acontece. Nesse link do JSFIDDLE é possível verificar o erro. Existe alguma forma de corrigir isto?
1 Resposta
Aparentemente, ao chamar o método reset
do formulário o valor do campo numérico não é considerado "mudado", de modo que quando você o passa novamente para 1
através das setas, ele não dispara o evento onchange
.
Não sei por que isso ocorre, mas um workaround seria atribuir esse valor para zero antes de chamar o reset:
$(".ve").on("click", function(){
alert('res');
$("#quantidade").val(0); // O valor não será mais `1`
$(this).parent().find('form')[0].reset();
});
Exemplo. P.S. Se você resetar o formulário e usar a seta pra baixo, o segundo campo mostrará NaN
. Seria interessante testar por isNaN
no change
para evitar isso.
-
1Olá @mgibsonbr, A solução funcionou perfeitamente, e para prevenir o aparecimento do
NaN
adicionei a verificação:if( $("#quantidade").val() >= '1' )
. Obrigado pela ajuda mais uma vez. Commented 6/01/2015 às 13:15
1
e o formulário foi resetado corretamente. Estou utilizando o Firefox 32 pelo Fedora 20.