Javascript 提交前的JSP表单验证

在JSP页面中，我有两个下拉列表，一个用于组合代码，另一个用于费率卡代码

查询：当JSP页面被加载时，即使我没有选择位于顶部的portfolio code的值，它仍然会显示rate card code的警报消息，即“请选择rate CardCode”，同时单击“保存更改”按钮。这意味着始终显示函数中的最后一个操作，而不是第一个操作

<div class="form-group"> 
    <label for="rateCardCode">RateCardCode</label> 
    <select id="rateCardCode" name="rateCardCode" class="form-control" onchange="bindCode()">   <option value = null label="--SELECT--"> <c:forEach items="${rateCardCodes}" var="rateCardCodes"> <option value="${rateCardCodes.rateCardCode }">${rateCardCodes.rateCardCode}</option> </c:forEach> 
    </select> 
    <!-- <input type="hidden" id="rateCardCode" name="rateCardCode"> --> 
</div >
<button type="submit" class="btn btn-primary" onclick="return validateSearchFields()">
    Save Changes
</button>

---

请帮助我，它应该首先显示投资组合代码，然后显示费率卡代码。

RateCardCode${rateCardCodes.RateCardCode}在提交表单之前，我正在验证如果选择null，则不应提交表单，并应使用以下代码显示警报消息，函数validateSearchFields（）{var value=$（'#portfolioCode'）.val（）；if（value==null | | value==“”）{alert（“请选择投资组合名称”）；return false；}value=$（'#rateCardCodes'）.val（）；if（value==null | | value==“”）{alert（“请选择RateCardCode”）；return false；}return true；}你应该把你的代码放在问题部分，而不是答案部分。

function validateSearchFields() {
    var value = $('#portfolioCode').val();
    if (value == null || value == "")
    {
        alert("Please select Portfolio Name");
        return false;
    }
    value = $('#rateCardCodes').val();
    if (value == null || value == "")
    {
        alert("Please select RateCardCode");
        return false;
    }
    return true;
}