如何验证web表单的特定方面

How to validate specific aspects of a web form?

本文关键字：表单 方面 web 何验证 验证      更新时间：2023-09-26

作为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"); 
}

如果上面的功能是正确的，它只在没有选中复选框的情况下工作，如果选中的复选框太多怎么办?我该如何解决这三个问题?

首先，您有一些语法错误。请尝试下面的代码，看看它是否工作得更好。

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"); 
        }
    }
}
相关文章：