表单和验证/ CSS问题

Question

我的表格位于此处：

http://f14.co/auto-search/Test/

您将在代码中看到有一个表单元素大约有一半：

   </div>
        <form method="post" class="form-horizontal" id="final_form" action="send_mail.php">
        <input type="hidden" name="template" id="template" value="Buyers" />
            <div class="modal-body" >
                <div id="lead_info_1">
                    <div class="input select">
                        <div class=""></div>
                        <div class="span-4 step-2-dropdown append-bottom control-group">
                            <select class="span3 required" name="minPrice" id="minPrice">

大约1/4的位置有一个复选框，我需要在表单中使用send_mail.php：

   <div class="sold"></div>
            <div class="form">

                 <h2>Search for your dream home<br />
       and save now!</h2>
                <legend>Which Areas are you interested in?</legend>
                <div class="areas row-fluid" style="text-align:left !important;">                       
                    <div class='span5' style='margin-left:0px !important;'>
                        <label>
                            <input type="checkbox" name="arrayValue[]" id="area[0]" value="test" style='margin-top:-5px !important;'> test</label>
                    </div>          
                    </div>
                <input type="button" onclick="jQuery('#myModal').modal('show')" value="CONTINUE" />

但是，如果我将表单元素移动到复选框上方，则错误检查（如果未填写值，表单将变为红色），则会消失。

任何人都知道如何保留错误检查？我不能为我的生活弄清楚我做错了什么。不确定这是页面代码问题还是CSS问题。