如何验证表单中的两个复选框，确保至少有一个被勾选？

嘿，我来帮你搞定这个复选框的验证问题！你的思路是对的，其他字段用HTML原生的required就能搞定，但复选框需要自定义逻辑确保至少选一个，我把你的代码补全并优化了，直接能用：

$('.frm-Submit').on('submit', submitFrm);

function submitFrm(e) {
    e.preventDefault(); // 先阻止默认提交行为
    
    // 检查是否有至少一个.account-type复选框被勾选
    const hasCheckedBox = $('.account-type').is(':checked');
    
    if (!hasCheckedBox) {
        // 这里可以换成你想要的提示方式，比如页面内的错误文本
        alert('请选择至少一种账户类型');
        return; // 验证不通过，终止提交流程
    }
    
    // 到这里说明所有验证都过了（包括原生required的字段），手动提交表单
    $(this).off('submit').submit();
}

// 可选优化：用户切换复选框时隐藏错误提示
$('.account-type').on('change', function() {
    // 假设你有个错误提示元素，比如class为checkbox-error
    // $('.checkbox-error').hide();
});

关键细节说明： #

• 用$('.account-type').is(':checked')可以快速判断是否有复选框被选中，比循环遍历更简洁高效
• 只有当所有原生required字段都通过验证后，浏览器才会触发这个submit事件，所以不用额外担心其他字段的验证
• 最后解绑submit事件再提交，是为了避免重复触发我们的自定义验证逻辑，导致死循环

如果想要更优雅的错误提示（不用alert），可以加个页面元素：

<!-- 放在复选框组下方 -->
<p class="checkbox-error" style="color: #dc3545; display: none;">请选择至少一种账户类型</p>

然后把JS里的alert替换成：

if (!hasCheckedBox) {
    $('.checkbox-error').show();
    return;
} else {
    $('.checkbox-error').hide();
}

这样用户体验会更好~

内容的提问来源于stack exchange，提问作者espresso_coffee