使用JavaScript在HTML中循环数据时遇到问题

使用JavaScript在HTML中循环数据时遇到问题,javascript,html,for-loop,Javascript,Html,For Loop,我正在使用javaScript检查149个输入类型数字字段,但在使其正常工作时遇到了问题。我设置了条件,如果这些数字字段的值为负、浮点或0,它将使用 警报(“错误消息”) 我通过一个for循环遍历输入类型,如下所示 <button onclick="myFunction()">Try it</button> <script> function myFunction() { var i; var x = 0; var s; var val; var test;

我正在使用javaScript检查149个输入类型数字字段,但在使其正常工作时遇到了问题。我设置了条件,如果这些数字字段的值为负、浮点或0,它将使用

警报(“错误消息”)

我通过一个for循环遍历输入类型,如下所示

<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var i; var x = 0; var s; var val; var test; 
for (i = 1; i < 150; i++) {
  s = '' + i; //converts i into string

  val = document.getElementById(s).value; //Puts string value into val
  test = +val; //Converts val into number
//Error Checking
}
试试看
函数myFunction(){
VarI;VarX=0;VarS;VarVal;VarTest;
对于(i=1;i<150;i++){
s=''+i;//将i转换为字符串
val=document.getElementById.value;//将字符串值放入val
test=+val;//将val转换为数字
//错误检查
}

我在较小的输入类型=数字字段(如10)上尝试过这段代码,我的所有错误标志都有效,但每当我使用所需的数字149(设置为150,因为我希望它比150小一个)时,我不会从我的函数收到任何错误消息或活动。

检查以下示例

//用于演示Puropse

对于(i=1;i检查以下示例

//用于演示Puropse

对于(i=1;i这是我的代码。我正在从一个数据库中读取我不想显示凭据的内容。在我的代码中,你会看到一条带有注释问题的注释。是否有一种方法,我可以使用php获取产品编号和数量,以便我可以在form.php中使用它。这是一种post方法,但正如问题所说的,我是公平的这是一种新的编码语言。希望这个代码片段能告诉你更多关于我实际要完成的事情

        <form action="form.php" method="post">


    <table cellpadding="6">
      <tr>
        <th>Description</th>
        <th>Price</th>
        <th>Weight</th>
        <th>Image</th> 
        <th>Quantity</th>
      </tr>
    <!-- PHP LANGUAGE -->
    <?PHP
        $sql = "SELECT * FROM parts";
        $q = $conn->query($sql) or die("ERROR: " . implode(":", $conn->errorIndo()));

        while( $row = $q->fetch(PDO::FETCH_ASSOC))
        {

            echo '<tr>' .
                '<td>' . $row['description'] . '</td>' .
                '<td>' . $row['price'] . '</td>' .
                '<td>' . $row['weight'] . '</td>' . 
                '<td> <img src="' . $row[pictureURL] .'" alt="' . $row[number] . '" style="width:50px;height:50px;">' .
                '<td> <input type="number" id= "'. $row[number] . '"  value="0">' .
                '</td>' . '</tr>';
        }
        echo "</table>";

    ?> 
    </table> <br>



    <input type="button" id="submit" value="Submit" />
    </form>
    <script>
    var i; var x = 0; var s; var val; var test; var array = [];
    $('form').submit(function(){{
        var value = $(this).val();

        for (i = 1; i < 5; i++) {
          s = '' + i;  //stores i as string 
          //getsElement id val string and stores into val
          val = document.getElementById(s).value; 
          test = +val; //Converts string into tester int for error checking 

          if tester < 0 { alert("Must enter in one product!"); return;} 

          //CHECKS FOR FLOATS IN Quantity FIELD
          else if (Math.floor(test) != Math.ceil(test)) { alert("Cannot have float quantities!"); return; } 
          else { 
                //My attempt at coding a block that captures the product 
                //Number, and the quantity selected. Is there a way 
                /* QUESTION */
                array.push(i); array.push(x) 
           }
        }
        if (x == 0) { alert("Must have at least one product quantity to continue!"); return; }
        else { alert("good!"); } 
    }}

    </script>
        </body>
    </html>

描述
价格
重量
形象
量

VarI;VarX=0;VarS;VarVal;VarTest;VarArray=[]; $('form')。提交(函数(){{ var值=$(this.val(); 对于(i=1;i<5;i++){ s=''+i;//将i存储为字符串 //getsElement id val字符串并存储到val中 val=document.getElementById.value; test=+val;//将字符串转换为tester int以进行错误检查 如果测试仪<0{警报(“必须输入一个产品!”);返回;} //检查数量字段中的浮动 else if(Math.floor(test)!=Math.ceil(test)){alert(“不能有浮点量!”);return;} 否则{ //我试图对捕获产品的块进行编码 //编号和所选数量。有办法吗 /*问题:*/ array.push(i);array.push(x) } } 如果(x==0){alert(“必须至少有一个产品数量才能继续!”);return;} 否则{alert(“good!”);} }}
这是我的代码。我正在从一个数据库中读取我不想显示凭据的内容。在我的代码中,你会看到一条带有注释问题的注释。有没有一种方法,我可以使用php获取产品编号和数量,以便在form.php中使用它。这是一种post方法,但正如问题所说,我是公平的我不熟悉这种编码语言。希望这段代码片段能告诉你更多关于我实际要完成的事情

        <form action="form.php" method="post">


    <table cellpadding="6">
      <tr>
        <th>Description</th>
        <th>Price</th>
        <th>Weight</th>
        <th>Image</th> 
        <th>Quantity</th>
      </tr>
    <!-- PHP LANGUAGE -->
    <?PHP
        $sql = "SELECT * FROM parts";
        $q = $conn->query($sql) or die("ERROR: " . implode(":", $conn->errorIndo()));

        while( $row = $q->fetch(PDO::FETCH_ASSOC))
        {

            echo '<tr>' .
                '<td>' . $row['description'] . '</td>' .
                '<td>' . $row['price'] . '</td>' .
                '<td>' . $row['weight'] . '</td>' . 
                '<td> <img src="' . $row[pictureURL] .'" alt="' . $row[number] . '" style="width:50px;height:50px;">' .
                '<td> <input type="number" id= "'. $row[number] . '"  value="0">' .
                '</td>' . '</tr>';
        }
        echo "</table>";

    ?> 
    </table> <br>



    <input type="button" id="submit" value="Submit" />
    </form>
    <script>
    var i; var x = 0; var s; var val; var test; var array = [];
    $('form').submit(function(){{
        var value = $(this).val();

        for (i = 1; i < 5; i++) {
          s = '' + i;  //stores i as string 
          //getsElement id val string and stores into val
          val = document.getElementById(s).value; 
          test = +val; //Converts string into tester int for error checking 

          if tester < 0 { alert("Must enter in one product!"); return;} 

          //CHECKS FOR FLOATS IN Quantity FIELD
          else if (Math.floor(test) != Math.ceil(test)) { alert("Cannot have float quantities!"); return; } 
          else { 
                //My attempt at coding a block that captures the product 
                //Number, and the quantity selected. Is there a way 
                /* QUESTION */
                array.push(i); array.push(x) 
           }
        }
        if (x == 0) { alert("Must have at least one product quantity to continue!"); return; }
        else { alert("good!"); } 
    }}

    </script>
        </body>
    </html>

描述
价格
重量
形象
量

VarI;VarX=0;VarS;VarVal;VarTest;VarArray=[]; $('form')。提交(函数(){{ var值=$(this.val(); 对于(i=1;i<5;i++){ s=''+i;//将i存储为字符串 //getsElement id val字符串并存储到val中 val=document.getElementById.value; test=+val;//将字符串转换为tester int以进行错误检查 如果测试仪<0{警报(“必须输入一个产品!”);返回;} //检查数量字段中的浮动 else if(Math.floor(test)!=Math.ceil(test)){alert(“不能有浮点量!”);return;} 否则{ //我试图对捕获产品的块进行编码 //编号和所选数量。有办法吗 /*问题:*/ array.push(i);array.push(x) } } 如果(x==0){alert(“必须至少有一个产品数量才能继续!”);return;} 否则{alert(“good!”);} }}
WoW!149输入字段?“但每当我使用所需的数字149时……我不会从我的函数收到任何错误消息或活动。”页面上是否有149个实际输入?向我们显示您的HTML。这基本上就是它的样子。只是显示数据库中的数据,并允许某人更新他们希望为任何产品订购的数量。@zer00ne yes I doWoW!149个输入字段?“但每当我使用所需号码149时……我不会从我的职能部门收到任何错误消息或活动。“页面上有149个实际输入吗?向我们展示您的HTML。这基本上就是它的样子。只是显示数据库中的数据,允许某人更新他们希望为任何产品订购的数量。@zer00ne是的,我有。”