同じ行に 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"
と、問題は解決しますが、「マネージャー」フィールドが次の行にスライドしてしまいます。
何か案が ?