Question

JavaScript表单验证 动态的下拉列表框和复选框

页面是jsp做的，由数据库中的数据动态生成的下拉列表框和复选框
我现在想给他们做个表单的验证，当用户没有选择就提交的时候给用户提示

<select name="jzedp">
<option value=" ">
请选择
</option>
<c:forEach var="jzedp" items="${jzmc}">
<option value="<c:outvalue="${jzedp.id}"/>" />
<c:out value="${jzedp.hwmc}" />
</c:forEach>
</select>

<c:forEach var="xgjzh" items="${xgjzh}">
<input type=checkbox name=xgjzh value="<c:out value="${xgjzh.hpmc}"/>">
<c:out value="${xgjzh.hpmc}" /> 
</c:forEach>

Answer 1

var sel = document.getElementById("jzedp");
if(sel.selectedIndex == 0){
alert("你没有选择！");
}

// 判断是否选择了至少一个CheckBox.
function checkSelectedOne(cbxName){
var cbxs = document.getElementsByName(cbxName);
if(cbxs != null){
if(cbxs.length){
for(var i=0; i<cbxs.length; i++){
if(cbxs[i].checked) {
return true;
}
}
}else{
return cbxs.checked
}
}
return false;
}

if(!checkSelectedOne('xgjzh')){
alert("你没有选择！");
}