javascript - 使用 JavaScript 进行验证 - 如何向所有验证错误消息显示

标签 javascript html forms validation

我有一个函数可以检查字段是否为空,但如果所有字段都为空,它只显示其中一条验证消息,我认为这是因为我使用了 if 语句:

          function validateForm()
        {
         var sName=document.forms["myForm"]["surname_5"].value;
         if (sName==null || sName=="")
       {
           document.getElementById("sNameMessage").innerHTML = "*Surname is required";
           return false;
       }
          var x=document.forms["myForm"]["firstname_4"].value;
           if (x==null || x=="")
        {
          document.getElementById("fNameMessage").innerHTML = "*First name is required";
          return false;
        }
       var y=document.forms["myForm"]["selectid"];
         if(y.options[y.selectedIndex].value == "Title")
       {
      document.getElementById("titleMessage").innerHTML = "You need to select a title";
      return false;
      }


      } 

如果用户将所有字段留空,如何获取它以便显示所有验证消息?

最佳答案

不要立即返回false。将变量设置为 false(在函数开头将其定义为 true 后)并在末尾返回该变量。

关于javascript - 使用 JavaScript 进行验证 - 如何向所有验证错误消息显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22457554/

相关文章:

forms - 浏览器不会提示保存密码

php - 提交带有空复选框的 HTML 表单

php - 将值从 PHP 粘贴到 JavaScript

jquery - 添加双倍我已有的 div 时遇到问题

jquery - 使用 jQuery 根据下拉框值动态添加表单字段(或字段集)

javascript - JQuery DatePicker 在 Internet Explorer 7 中不工作

jquery - 选择器宽度高度自动设置为 0px 后仅适用于 windows chrome

javascript - 如何返回对象而不是控制台日志值

javascript - Disqus 不显示评论数

javascript - 单击按钮更改单独 div 中的信息