如何验证Web表单的特定方面？

Question

作为JavaScript的新手，我正在努力解决如何定位和验证表单的特定区域。

我创建了一个简单的Web表单，它包含两个用于名字和姓氏的文本输入字段。带有四个选项的复选框和一个提交按钮。创建表单后，我希望确保用户：

1. 提供他们的名字和姓氏。
2. 正好一个复选框是 选择。
3. 如果上述两者中的任何一个失败，则应出现错误消息 显示指出问题的所有错误， 即如果选择的复选框太多，或者根本没有复选框。

我尝试过2号并且到目前为止已经得到了以下内容：

function checkBox (){
var cbx = document.getElementById("myForm").cbx;
var chbx = false;
for (i=0; <cbx.length; i++) { 
    if(cbx[i].checked){
chbx = true; 
// if not produce an alert
if (!chbx) {
    alert("No checkboxes selected"); 
}

如果以上功能正确，只有在没有选中复选框时才会起作用，如果选择了太多复选框怎么办？我该如何处理这三个问题？

Answer 1

首先，您有一些语法错误。请尝试以下代码，看看它是否有效。

function checkBox (){
    var cbx = document.getElementById("myForm").cbx;
    var chbx = false;
    for (i=0; <cbx.length; i++) { 
        if(cbx[i].checked){
            chbx = true; 
            // if not produce an alert
            }
        if (!chbx) {
            alert("No checkboxes selected"); 
        }
    }
}