Question

我正在处理一个小表单并使用js来验证字段是否为空。我在名称字段“name” “email ”旁边有一个span类。

对于“name”字段，我有一个名为“error”的span类。

对于“email”字段，我有另一个名为“error2”的span类。

我该怎么办才能只使用一个班级来显示“错误信息”，因为我当然会有更多字段，而且我不想继续添加更多课程。 error3，error4

HTML：

 <form action="#i" name="myForm" onsubmit="return(validate());">
  Name: <span id="error"></span><br>
  <input type="text" name="Name" /><br><br> 

  EMail: <span id="error2"></span><br>
  <input type="text" name="EMail" /><br> <br> 

  <input type="submit" value="Submit" /> <br>
  </form>

JS：

  function validate()
  {
     var t = 0;      
     if( document.myForm.Name.value == "" )
     {
        document.getElementById('error').innerHTML = "<br>Empty";  
        t = 1;
     }

     if( document.myForm.EMail.value == "" )
     { 
        document.getElementById('error2').innerHTML = "<br>Empty";  
        t = 1;
     }

     if(t == 1)
     {
        return false;
     }
     else
        return true;
  }

Answer 1

不是给出跨越Id的属性，而是使用类。例如，您可以按如下方式定义所有跨度：

 <span class="error"> ... </span>

然后，在验证功能中，您可以通过以下方式获取这些跨度：

document.getElementsByClassName('error');

请记住，这会返回一个数组，这实际上非常适合您的函数。这样，您可以编写一个基本的for循环来遍历每个跨度，并确保每个字段都正确填充。

如何验证简单的Web表单

1 个答案: