验证表单的JavaScript代码是什么?通过循环按名称获取元素

What is the JavaScript code for validating a form, getting elements by name, with a loop?

本文关键字：循环 元素 获取 表单 JavaScript 代码 是什么 验证      更新时间：2023-09-26

我已经阅读了5 &我尝试了一些我读过的东西，包括jQuery，但感觉大多数帖子都超出了我的理解范围。

我有一个表单，它将作为数据提交工具，所以我们假设有100个输入。

我只是需要帮助检查每个输入，我认为我应该能够使用循环来完成。

目标代码示例: 
function ()
{
    for (i = 1; i < 101 ; i++);
    var c = document.getElementsByName("Input_row_" [i]);
        if ( c = some conditionals here )
        {
            alert("message");
            return false;
            }
}

对于一个特定的参数，我需要检查的一件事是输入中没有空格:

function ()
{
    for (i = 1; i < 101 ; i++);
    var c = document.getElementsByName("Input_row_" [i]);
        if ( c = "" )
        {
            alert("message");
            return false;
            }
}

谁能帮助我的语法或让我更进一步的目标?

谢谢。

-不用说，我不是一个程序员的职业，所以简单的解释将是伟大的。

方法1 
function validate() {
  for (var i = 1; i < 101 ; i++) {
    var c = document.getElementsByName("Input_row_"+i)[0].value;
    if (c == "" ) {
      alert("Please fill in #"+(i+1));
      return false;
    }
  }
  return true;
}
方法2 

function validate(theForm) {
  var elements = theForm.elements;
  for (var i = 1; i < elements.length ; i++) ( // no need to know how many
    if (elements[i].name.indexOf("Input_row")!=-1 && elements[i].value == "" ) {
      alert("Please fill in "+elements[i].name);
      return false;
    }
  }
  return true; // allow submit
}

使用<form onsubmit="return valdiate(this)"..

不带内联代码:

window.onload=function() {
  document.getElementById("formID").onsubmit=function() {
    var elements = this.elements;
    for (var i = 1; i < elements.length ; i++) ( // no need to know how many
      if (elements[i].name.indexOf("Input_row")!=-1 && elements[i].value == "" ) {
        alert("Please fill in "+elements[i].name);
        return false;
      }
    }
    return true; // allow submit
  }
}
相关文章：