У меня есть следующие .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;
}
}
Спасибо!