2009
30.10

Limpar formulários com Javascript

Categoria: Javascript / Comente

Quem nunca viu aquele botãozinho de limpar formulários por ai hein!? Alguém já usou esse botão!? Essa é  uma funcionalidade provida pelo próprio HTML, pelo menos era isso que eu pensava!

Dentro dos elementos inputs dos formulários HTML, há uma atributo chamado de reset, que no qual seu intuito é resetar os todos elementos(inputs, textarea, checkbox e etc…) do formuário, porém tinha comigo que esse atributo tinha a funcionalidade de limpar os campos, mas equivoquei-me imensamente, pois sua funcionalidade é restaurar os valores inicias que os elementos receberam quando foram criados.

Foi ai que deparei-me com o problema, pois quando o submit do formulário era enviado para o servidor, guardava em uma session iniciada pelo php todos os valores dos campos caso houvesse algum erro na validação, e quando havia erros na validação os valores iniciados nos elementos eram exatamentes aqueles que foram guardados nas sessions, tornando assim impossível de limpar o formulário.

Para isso criei a seguinte função, que independentemente limpa o formulário a qualquer hora.

01
function limpa_formulario(form){
02
 
03
   //total de elementos no formulario (inputs, select, textarea...)
04
   total_elementos = form.elements.length;
05
 
06
   i=0;
07
 
08
   //enquanto não percorrer todos os elementos do formulario
09
   while(i < total_elementos){
10
 
11
      if (form.elements[i].type!="submit" || form.elements[i].type!="button"){
12
           if (form.elements[i].value!=""){ 
13
       form.elements[i].value="";
14
           }            
15
      }    
16
      i++;
17
    }
18
 
19
    return true;
20
}

 

Também não deixe de ler:

Não há comentários ainda.

Deixe seu comentário

Comente