Jquery 使用.hasClass（）验证我的所有输入是否在前端有效，以提交不起作用的表单

我正在尝试验证此表单中的所有输入是否为类。在我允许用户按提交按钮之前，是否已成功。问题是，一旦到达所有输入并且它们都具有.has success类，按钮将不会激活。这是我的密码：

jQuery：

$('#groupUsuario, #passwordVerificationUsuario, #passwordUsuario, #nombreUsuario').on('click change blur focus', function(){
     if ($('#groupUsuario').hasClass('has-success') && $('#passwordVerificationUsuario').hasClass('has-success') && $('#passwordUsuario').hasClass('has-success') && $('#nombreUsuario').hasClass('has-success')){
        $('#ingresarUsuario').attr('disabled', false);
     } else  $('#ingresarUsuario').attr('disabled', true);
});

以下是HTML：

 <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="well text-center">
                        <div class="panel panel-primary">
                            <h1 class="text-center">Weiver - Usuarios</h1>
                            <hr>
                            <div class="panel-body">
                                <form method="post" role="form" enctype="multipart/form-data">
                                    <div id="nameUserValidation" class="form-group">
                                        <label class="control-label" for="nombreUsuario">Nombre del Usuario</label>
                                        <input type="text" class="form-control" name="nombreUsuario" id="nombreUsuario" placeholder="nombre del cine">
                                    </div>
                                    <div id="passwordUserValidation" class="form-group">
                                        <label class="control-label" for="passwordUsuario">Contraseña</label>
                                        <input type="password" class="form-control" name="passwordUsuario" id="passwordUsuario" placeholder="nombre del cine">
                                    </div>
                                    <div id="passwordVerificationUserValidation" class="form-group">
                                        <label class="control-label" for="passwordVerificationUsuario">Verificar Contraseña</label>
                                        <input type="password" class="form-control" name="passwordVerificationUsuario" id="passwordVerificationUsuario" placeholder="nombre del cine">
                                    </div>
                                    <div id="groupUserValidation" class="form-group">
                                        <label class="control-label" for="groupUsuario">Grupo al que Pertenece</label>
                                        <select class="form-control" name="groupUsuario" id="groupUsuario">
                                            <option value="nada">Seleccione un Grupo</option>
                                        </select>
                                    </div>
                                </form>
                                <hr>
                                <div class="well" style="margin-bottom: 0 !important;">
                                    <p style="text-align: justify"><strong>Nota: </strong>Que todos los campos estan verdes no significa que la informacion ingresada esta correcta. Solo significa que se ingreso informacion en todos los campos, que se terminara de validar cuando se mande al servidor.</p>
                                    <button type="submit" name="ingresarUsuario" id="ingresarUsuario" class="btn btn-success pull-right" disabled="disabled">ingresar Usuario</button>
                                    <a href="menu.php" class="btn btn-default pull-left">Menú Principal</a>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

韦弗-乌萨里奥斯

名为乌萨里奥
康瑟斯尼娜
汽车订婚协议
Grupo al-que Pertence
塞莱奇奥尼酒店

注：没有明显的信息。在坎波斯的各个角落，都有重要的信息输入，包括所有的服务
安格尔乌萨里奥

这一定是很愚蠢的事情，也许有人能发现错误，我已经连续写了10个小时了，我有点头晕。我在另一个窗体上有相同的示例，在该窗体上，它确实起作用，当所有被检查的输入都具有.has success类时，按钮将其disabled属性更改为“”

---

欢迎任何帮助和建设性的批评

我想我以前遇到过这种问题。您是否尝试过删除禁用的

属性？
就像这样：

$('#groupUsuario, #passwordVerificationUsuario, #passwordUsuario, #nombreUsuario').on('click change blur focus', function(){
    if ($('#groupUsuario').hasClass('has-success') && $('#passwordVerificationUsuario').hasClass('has-success') && $('#passwordUsuario').hasClass('has-success') && $('#nombreUsuario').hasClass('has-success')){
        $('#ingresarUsuario').removeAttr('disabled');
    } else {
        $('#ingresarUsuario').attr('disabled', true);
    }

}))

另一方面，我还建议在输入中添加一个默认类（或者data-*属性，如果它与样式无关），并在每个
点击
，
更改
，
模糊
，
聚焦
两个jQuery数组的长度：
$（'need success'）
和
$（'has success'）
。那会更具可读性。
我想我以前遇到过这种问题。您是否尝试过删除禁用的
属性？
就像这样：

$('#groupUsuario, #passwordVerificationUsuario, #passwordUsuario, #nombreUsuario').on('click change blur focus', function(){
    if ($('#groupUsuario').hasClass('has-success') && $('#passwordVerificationUsuario').hasClass('has-success') && $('#passwordUsuario').hasClass('has-success') && $('#nombreUsuario').hasClass('has-success')){
        $('#ingresarUsuario').removeAttr('disabled');
    } else {
        $('#ingresarUsuario').attr('disabled', true);
    }

}))

另一方面，我还建议在输入中添加一个默认类（或者data-*属性，如果它与样式无关），并在每个
点击
，
更改
，
模糊
，
聚焦
两个jQuery数组的长度：
$（'need success'）
和
$（'has success'）
。这会更具可读性。
我会尝试使用FireBug或类似的方法来隔离您的问题，以观察您对.attr（'disabled'，…）的调用是否正确命中

考虑使用.removeAttr（'disabled'）而不是.attr（'disabled'，false）。
我会尝试使用FireBug或类似的方法来隔离您的问题，以观察您对.attr（'disabled'，…）的调用是否正确

考虑使用.removeAttr（'disabled'）而不是.attr（'disabled'，false）。
不用在意。我发现了错误。我应该使用div的ID从引导设置错误类，而不是实际的输入ID

我已经花了40分钟试图找出错误。它现在起作用了

代码如下：

 $('#nombreUsuario, #passwordUsuario, #passwordVerificationUsuario, #groupUsuario').on(
'click blur focus mouseleave mouseenter change', function(){
     if (
           $('#nameUserValidation').hasClass('has-success')
           &&
           $('#passwordUserValidation').hasClass('has-success')
           &&
           $('#passwordVerificationUserValidation').hasClass('has-success')
           &&
           $('#groupUserValidation').hasClass('has-success')
         ){
              $('#ingresarUsuario').attr('disabled', false);
     } else   $('#ingresarUsuario').attr('disabled', true); 
});

我使用的是来自.hasClass（）验证输入的相同ID
 别介意。我发现了错误。我应该使用div的ID从引导设置错误类，而不是实际的输入ID

我已经花了40分钟试图找出错误。它现在起作用了

代码如下：

 $('#nombreUsuario, #passwordUsuario, #passwordVerificationUsuario, #groupUsuario').on(
'click blur focus mouseleave mouseenter change', function(){
     if (
           $('#nameUserValidation').hasClass('has-success')
           &&
           $('#passwordUserValidation').hasClass('has-success')
           &&
           $('#passwordVerificationUserValidation').hasClass('has-success')
           &&
           $('#groupUserValidation').hasClass('has-success')
         ){
              $('#ingresarUsuario').attr('disabled', false);
     } else   $('#ingresarUsuario').attr('disabled', true); 
});

我使用的是来自.hasClass（）验证输入的相同ID
 您不应使用
.attr（）
，而应使用
.prop（）
方法禁用（或重新启用）表单输入。您不应使用
.attr（）
，而应使用
.prop（）
方法禁用（或重新启用）表单输入。甚至可以使用
.prop（'disabled'，false）
？甚至
.prop（'disabled'，false）
？