класс has-error не привязан к .form-group div - PullRequest
0 голосов
/ 12 июня 2018

У меня есть следующие .form-group деления в моей форме:

<div class="form-group" style="border-bottom:0">
    <label class="col-md-4 control-label">Contacto Principal</label>
    <div class='col-md-3'>
        <input type='text' id='nombreContactoVenta' name='nombreContactoVenta' class='form-control' placeholder='Ej: Pedro'>
    </div>
    <div class='col-md-3'>
        <input type='text' id='apellidoContactoVenta' name='apellidoContactoVenta' class='form-control' placeholder='Ej: Ramirez'>
    </div>
</div>
<div class="form-group">
    <div class='col-md-3 col-md-offset-4'>
        <input type='text' id='telefonoContactoVenta' name='telefonoContactoVenta' class='form-control' placeholder='Ej: 011 65098752'>
    </div>
    <div class='col-md-3'>
        <input type='text' id='emailContactoVenta' name='emailContactoVenta' class='form-control' placeholder='Ej: email@ejemplo.com'>
    </div>
</div>

И код подтверждения:

errorPlacement: function(error, e) {
    e.parents('.form-group > div').append(error);
},
highlight: function(e) {
    $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error');
    $(e).closest('.help-block').remove();
},
success: function(e) {
    // You can use the following if you would like to highlight with green color the input after successful validation!
    e.closest('.form-group').removeClass('has-success has-error'); // e.closest('.form-group').removeClass('has-success has-error').addClass('has-success');
    e.closest('.help-block').remove();
}

Дело в том, что nombreContactoVenta и telefonoContactoVentaтребуется, но, когда я отправляю, единственный .form-group, который получает класс .has-error, это тот, который содержит nombreContactoVenta.Оба получают .help-block div, но только один класс, если я не нажму на вход.Если я нажимаю «серый» ввод, он каким-то образом получает класс.Что сводит меня с ума, так это то, что я не вижу никакой разницы между этими входами.

Вот распечатка.

«Серый» ввод меняется, когда я нажимаю на него

Есть еще кое-что, я не знаю, важно ли это, но я не так много знаю.Требуемый метод является условным для обоих входов.

nombreContactoVenta: {
    required: function() {
        if($("#apellidoContactoVenta").val() || $("#emailContactoVenta").val() || $("#telefonoContactoVenta").val())
        {
            return true;
        }
        else return false;
    }
},
telefonoContactoVenta: {
    required: function() {
        if($("#apellidoContactoVenta").val() || $("#emailContactoVenta").val() || $("#nombreContactoVenta").val())
        {
            return true;
        }
        else return false;
    }
}

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...