在javascript中添加和删除属性

我的问题是，当我单击submit时，它应该只为空字段添加

框

类。但是我的代码为填充字段和未填充字段添加了

框

类

函数验证（）{
var a=document.forms[“Form”][“uname”].value；
var b=document.forms[“Form”][“number”].值；
var c=document.forms[“Form”][“mail”].value；
如果（a==null | | a==“”，b==null | | b==“”，c==null | | c==“”）{
['uname'，'mobNo'，'mail'].forEach（函数（id）{
document.getElementById（ids）.style.border=“1px实心红色”；
});
返回false；
}else如果（！a.match（/^（[a-zA-Z]{2,30}）$/）{
document.getElementById（'uname'）。className='box'；
返回false；
}如果（！b.match（/^\d*[0-9]（|.\d*[0-9]|，\d*[0-9]）？$/），则为else{
document.getElementById（'mobNo'）。className='box'；
返回false；
}如果（！c.match（/^（[\w-\.]+@（[\w-]+）+（\[\w-]{2,4}）？）$/），则为else{
document.getElementById（'mail'）。className='box'；
返回false；
}
}

.box{
边框：2倍纯红；
}

姓名：
手机号码：
电邮：
提交

在：

，

操作员什么也不做；它返回最后一次比较：

(c==null || c=="")

请按

if ((a==null || a=="") && (b==null || b=="") && (c==null || c==""))

在：

，

操作员什么也不做；它返回最后一次比较：

(c==null || c=="")

请按

if ((a==null || a=="") && (b==null || b=="") && (c==null || c==""))

---

您的if-else条件中存在错误

您可以通过这种方式验证表单

   function validate() {
      var a = document.forms["Form"]["uname"].value;
      var b = document.forms["Form"]["number"].value;
      var c = document.forms["Form"]["mail"].value;

      var validation=true;

      if ((a == null || a == "")||(!a.match(/^([a-zA-Z]{2,30})$/))) {
        document.getElementById('uname').className = 'box';
        validation=false;
      } else{
        document.getElementById('uname').className = '';
      }

      if ((b == null || b == "")||(!b.match(/^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/))) {
        document.getElementById('mobNo').className = 'box';
        validation=false;
      } else{
        document.getElementById('mobNo').className = '';
      }

      if ((c == null || c == "")||(!c.match(/^([\w-\.]+@([\w-]+)+(\.[\w-]{2,4})?)$/))) {
        document.getElementById('mail').className = 'box';
        validation=false;
      }else{
        document.getElementById('mobNo').className = '';
      }

      return validation;
    }

这是一个有效的代码笔链接，

---

您的if-else条件中存在错误

您可以通过这种方式验证表单

   function validate() {
      var a = document.forms["Form"]["uname"].value;
      var b = document.forms["Form"]["number"].value;
      var c = document.forms["Form"]["mail"].value;

      var validation=true;

      if ((a == null || a == "")||(!a.match(/^([a-zA-Z]{2,30})$/))) {
        document.getElementById('uname').className = 'box';
        validation=false;
      } else{
        document.getElementById('uname').className = '';
      }

      if ((b == null || b == "")||(!b.match(/^\d*[0-9](|.\d*[0-9]|,\d*[0-9])?$/))) {
        document.getElementById('mobNo').className = 'box';
        validation=false;
      } else{
        document.getElementById('mobNo').className = '';
      }

      if ((c == null || c == "")||(!c.match(/^([\w-\.]+@([\w-]+)+(\.[\w-]{2,4})?)$/))) {
        document.getElementById('mail').className = 'box';
        validation=false;
      }else{
        document.getElementById('mobNo').className = '';
      }

      return validation;
    }

这是一个有效的代码笔链接，

---

你们的第一次你们的第一次你们的第一次你们的第一次<代码>你们的第一次你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的第一次<代码>你们的逻辑和<代码>你们的第一次<代码>你们的逻辑和<代码>你们的第一次<代码>你们的逻辑和<代码>你们的逻辑和<代码>你们的第一次<代码>你们的逻辑和<代码>你们的逻辑和<代码<<<<<<<代码>你们的第一次<代码>你们的逻辑和<代码>你们的逻辑和<代码>若若<代码>| |=逻辑或，

&

=逻辑与->

如果（a==null | | | a==”，b==null | | b==”，c==null | | c==”）

应该是

如果（（a==null | | | a==”）和&（b==null | | b==”）和（c==null |