Sélection de plusieurs éléments avec querySelectorAll

J'ai ce bout de code:

var requiredFields = el.querySelectorAll("input[required]:not(:disabled):not([readonly]):not([type=hidden])");

Si je veux ajouter la textarea et select à la requête je termine avec ceci:

var requiredFields = el.querySelectorAll("input[required]:not(:disabled):not([readonly]):not([type=hidden])"+  
",select[required]:not(:disabled):not([readonly]):not([type=hidden])"+
",textarea[required]:not(:disabled):not([readonly]):not([type=hidden])");

Mon sentiment dit que cela pourrait être mieux.. mais comment?

Bonus: Merci de me donner une bonne ressource pour querySelectorAll fonction.

Pour info, select et textarea éléments n'ont pas n'importe quel type d'attribut.
Qu'est-ce que le var el?
Vous avez raison, CopyPasta restes. @Kevin el = document.corps.
Vous pouvez simplement de les sélectionner tous et effectuer la vérification pour l'/désactivé/en lecture seule lors de l'itération sur les éléments.

OriginalL'auteur A1rPun | 2013-12-19