2017-06-11 4 views
0

問題は、最初の入力を2番目の入力ハイライトに緑色で塗りつぶして、最初の入力をリードで2番目の入力ハイライト 私はこのスクリプトで多くの解決策を試してみますが、問題問題はブートストラップバリデーター

<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> 

とフォームグループ内の1つで自分のフィールドを1つずつ入れ

$(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' 
        } 
       } 
      } 
     } 
    }); 
}); 

答えて

0

このJavaスクリプト

<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>