jquery - 验证所有表单输入是否具有类别

Question

我试图弄清楚如何检查特定表单中的所有输入元素是否都具有特定的类，如果可能的话，无需单独检查每个元素。

我知道如何检查单个元素是否具有类..

if( $('#element').hasClass('class') ){ Do This...}

我还知道如何使用一行 JQuery 影响表单的所有输入。

$('#form > *').on('click', function(){ Do This...});

我似乎无法将两者融合在一起......就像......

if( $('#form > *').hasClass('class') ){ Do This...}

Answer 1

只需检查表单中输入的数量是否等于具有所需类别的表单中输入的数量:

var allHaveClass = $('#form input').length == $('#form input.yourclass').length;

在这里，拉一下 fiddle :http://jsfiddle.net/adrianonantua/2GnaW/

更新

另一种方法:检查表单中是否有任何不包含您的类的输入。

var allHaveClass = $('#form input:not(.yourclass)').length == 0;