Selecionar todos os campos de um formulário com jQuery

Boa tarde a todos,

Caso você tenha que validar formulários com jQuery e necessite obter um array com todos os campos deste formulário mas não deseja trazer campos como:

Inputs reset;
Inputs button;
Inputs hidden;
Inputs disabled ou readonly;

Você pode utilizar um seletor como o abaixo:

var inputs = $("#" + form_id + " :input:visible:not([type=submit]):not([type=button]):not([type=reset])");

1	var inputs = $("#" + form_id + " :input:visible:not([type=submit]):not([type=button]):not([type=reset])");

Assim você terá todos os campos do seu formulário dentro de um array através do seletor do jQuery. Você pode agregar eventos direto desta maneira:

inputs.bind('click', function(){
   alert('Voce clicou em: ' + this.id);
});

inputs.bind('click', function(){

alert('Voce clicou em: ' + this.id);

});

Espero que tenha sido útil a vocês, abraços e até a próxima.
Dúvidas e sugestões utilize a área de comentários abaixo.

Share: