has-error类没有附加到.form-group div

时间:2018-06-12 14:02:17

标签: javascript jquery html css validation

我的格式中有下一个<script src="https://d3js.org/d3.v5.min.js"></script> <button id='update'>update</button> <div id="anchor"></div> div:

.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的{​​{1}} 1}}。除非我单击输入,否则两者都获得nombreContactoVenta div,但只有一个类。如果我点击&#34;灰色&#34;输入,它,不知何故,得到了类。令我发疯的是我看不出这些输入之间的任何差异。

这是一个印刷品。

The "gray" input changes when I click it

还有别的东西,我不知道它是否重要,但我不知道这么多东西。所需的方法都是以两个输入为条件的。

.help-block

谢谢!

0 个答案:

没有答案