0

同じ行に 2 つのフィールドがあり、1 つが検証を必要とするが、検証をトリガーするときに他のフィールドがそうでない場合、他のフィールドの検証エラーも表示されるとします。たとえば、以下は「Logged by name」のみの検証ですが、フォームを送信すると「Manager」フィールドもスローされます。「Logged by name」フィールドに何かを入力するとすぐに、OK になります。

ここに画像の説明を入力

これが私のHTMLです。

<div id="Section_ObserverDetails">
    <div class="col-sm-12">
        <div class="row">
            <div class="panel-body form-horizontal">
                <div class="form-group">
                <div class="col-sm-2">
                    <label for="pro_LoggedByName" class="col-sm-12 control-label">Logged by name</label>
                </div>
                <div class="col-sm-4">
                      <input type="text" class="form-control" id="pro_LoggedByName" name="pro_LoggedByName" value=""    >                           </div>

                <div class="col-sm-2">
                    <label for="top_Manager" class="col-sm-12 control-label">Manager</label>
                </div>
                <div class="col-sm-4" id="div-top-manager">
                     <div class="radio">
                        <label class="form-radio form-normal form-text form-success "><input type="radio" name="top_Manager"   value="Yes">Yes</label><label class="form-radio form-normal form-text form-success active"><input type="radio" name="top_Manager" checked="checked"  value="No">No</label>
                     </div>
                </div>
                  </div>
              </div>
            </div>
      </div>
</div>

両方のフィールドにタグを付けるclass="form-group"と、問題は解決しますが、「マネージャー」フィールドが次の行にスライドしてしまいます。

何か案が ?

4

1 に答える 1