JQuery验证验证两个字段时出错

我使用JQuery验证来验证表单中的两个输入字段。我遇到的问题是，无论我将哪个字段作为第一个字段，都不会使用验证调用第二个字段，除非该字段由表单中前面输入的值动态填充。以下是我遇到问题的两个部分：

               <div class="form-panel">
                <div class="row collapse">
                    <div class="medium-3 columns">
                        <label for="selectFinish" class="inline show-for-medium-up"> Style</label>
                    </div>
                    <div class="medium-9 columns">
                        <select name="Pri-CompID" id="selectFinish" class="priceCalc required">
                            <option value="" selected="selected"></option>
                            <option value="">Select a size before proceeding.</option>
                        </select>
                    </div>
                </div>
              </div>

              <div class="form-panel">
                <div class="row collapse">
                    <div class="medium-3 columns">
                        <label for="selectFastener" class="inline show-for-medium-up"> Fastener</label>
                    </div>
                    <div class="medium-9 columns">
                        <select name="Pri-CompID" id="selectFastener" class="priceCalc required">
                            <option value="" selected="selected"></option>
                            <option value="">Select a size before proceeding.</option>
                        </select>
                        <div id="punchSlot"></div>
                    </div>
                </div>
              </div>

风格
在继续之前选择一个尺寸。
扣件
在继续之前选择一个尺寸。

请添加所有html和jquery/javascript代码以确定问题。我使用的是jquery验证插件，上面的代码包装在一个表单中。在哪里初始化验证插件？页面加载后在我的页面底部。发布你的javascript代码