Php 表单和验证/CSS问题

我在这里有一张表格：

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

   </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问题。

您如何执行此错误检查？是自定义jQuery代码还是内置HTML5还是什么？它是通过表单元素上的novalidate内置到CSS中的。您提供的链接无效。有没有可能在我没有足够的代码来查找错误时发送类似的上传代码