引导验证器的问题

Question

问题是如果我用绿色填充第一个输入第二个输入突出显示，如果清除第一个输入，则第二个输入突出显示用簧片突出显示 我使用此脚本尝试了许多解决方案，但我不明白问题是什么

<form id="contactForm" method="post" class="form-horizontal">
  <fieldset>
    <legend align="">Information Personnel</legend>
    <div class="form-group">
            <div class="col-sm-5">
                <label>Prénom</label>
                <input type="text" name="1" class="form-control" placeholder="Prénom">
            </div>
            <div class="col-sm-5">
                <label style="display:block; text-align: right;">الإسم</label>
                <input type="text" name="2" class="form-control keyboardInput"  placeholder="الإسم" style="text-align: right;">
            </div>
    </div>
      <div class="form-group">
        <div class="col-md-9 col-md-offset-3">
            <button type="submit" class="btn btn-default">Validate</button>
        </div>
    </div>
  </fieldset>
</form>

这是Java脚本

$(document).ready(function() {
    $('#contactForm').bootstrapValidator({
        //container: '#messages',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            1: {
                validators: {
                    notEmpty: {
                        message: 'Veuillez remplir votre nom'
                    }
                }
            },
            2: {
                validators: {
                    notEmpty: {
                        message: 'Veuillez remplir votre hhhh'
                    }
                }
            }
        }
    });
});

Answer 1

将您的

字段一个接一个地放在表单组中

<div class="form-group">
            <div class="col-sm-5">
                <label>Prénom</label>
                <input type="text" name="1" class="form-control" placeholder="Prénom">
            </div>
</div>
<div class="form-group">
            <div class="col-sm-5">
                <label style="display:block; text-align: right;">الإسم</label>
                <input type="text" name="2" class="form-control keyboardInput"  placeholder="الإسم" style="text-align: right;">
            </div>
    </div>