Question

我有一张表格，我需要以特定方式行事。示例：用户带回设备：我不希望它出现在我的表单中。用户拿出设备：我希望它生成到我的表格，他们输入一些信息，表格发送信息到数据库。用户取出设备：它也生成所述表格，他不输入任何信息，表格在20秒后提交信息，信息在数据库中。

我正在进行简单的页面刷新，以便将信息输入到我的表单中，但这样就拉动了那天带入仓库的所有设备。所以我评论说，然后我会卡在我的ajax页面上。

然后我尝试创建一个新页面，刷新了301页面，并将页面恢复到我的索引页面，然而，我的表单工作不正常，所以我注释掉了自动提交，现在我的表单效果很好...除非我无法满足最后一个要求，如果用户忘记将设备信息输入，页面将提交数据。

我正在寻找if / then / else类型的页面提交。但是，我无法弄清楚如何在php或html中完成一个。这是我到目前为止所发现的，但它不起作用，我知道我离开了某个地方。

<!DOCTYPE html>
<html>
<body>

<!--This is the one that is currently commented out in my code
<script type="text/javascript">
 window.setTimeout(function() {
 window.location = 'index.php'},1000*2);
</script>
</body>
</html> -->

  //This is my pipe dream 
   <?php
   if (isset($_POST['action'])) {
        switch ($_POST['action']) {
                    case ‘DONE’:
                        document.getElement('formSubmit').submit();
                        break;
            }
              } else {
                 <script type="text/javascript">
                     window.setTimeout(function(){
                     document.getElement('formSubmit').submit();
                },1000*30);
                 </script>
           }

          ?>

除了通过代码学之外，我对jQuery知之甚少，而且我知道甚至更少的javascript。我是一个数据库人，他“建立了一个先进的表格/网页”。所以我在编写代码时学习PHP，CSS，jQuery和HTML。

的index.php：

<!DOCTYPE html>
<html>
<head>
<meta name=“Warehouse 3962” content="width=device-width, initial-scale=1.0">
<link href="style.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
<!—window.setTimeout(function(){
              document.getElement(‘formSubmit').submit();
              },1000*30); —>
</script>
</head>
<body>
<section class="w">
    <div class="row">
        <div class="small columns">
            <img src="logo.png" />
            <h3 class="green">Users</h3>
        </div>

        <h6>Warehouse 3962</h6>
    </div>

    <div class="row">
        <div class="small columns">
            <form action="ajax.php" method="post" id="formSubmit">
                <table id="equipment-table">
                    <thead>
                        <tr>
                            <th>Equipment</th>
                            <th>Amount</th>
                            <th>Val1</th>
                            <th>Val2</th>
                        </tr>
                    </thead>

                    <tbody>
                        <?php foreach 
                        ($results['tags'] as $equipment) {
                            if ($equipment['category'] == "Part") { ?>

                                <tr>
                            <td><?= $equipment['Amount']; ?></td>
                <td class="text-center"><?= $equipment[‘quantity']; ?></td>
                                    <td><input type="text" name="val1" /></td>
                                    <td><input type="text" name="val2" /></td>
                                </tr>

                            <?php } // end if
                        } // end foreach ?>

                        <tr>
        <td colspan="4" style="text-align: right;"><input      type="submit" class="button" name="DONE" value="DONE" /></td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</section>
</body>
</html>

Answer 1

请尝试这个新的解决方案。这将每隔30秒发送一个帖子，其中仅包含包含文本的输入框。

<!DOCTYPE html>
<html>
<head>
<meta name="Warehouse 3962" content="width=device-width, initial-scale=1.0">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
  <section class="w">
    <div class="row">
      <div class="small columns">
        <img src="logo.png" />
        <h3 class="green">Users</h3>
      </div>

      <h6>Warehouse 3962</h6>
    </div>

    <div class="row">
      <div class="small columns">
        <form action="ajax.php" method="post" id="formSubmit">
          <table id="equipment-table">
            <thead>
              <tr>
                <th>Equipment</th>
                <th>Amount</th>
                <th>Val1</th>
                <th>Val2</th>
              </tr>
            </thead>
            <tbody>
              <?php
              foreach ($results['tags'] as $equipment) :
              if ($equipment['category'] === "Part") :
              ?>
              <tr>
                <td>
                  <?php echo $equipment['Amount']; ?>
                </td>
                <td class="text-center">
                  <?php echo $equipment['quantity']; ?>
                </td>
                <td>
                  <input id="<?php echo $equipment['number'];?>-val1" type="text" name="<?php echo $equipment['number'];?>-val1"/>
                </td>
                <td>
                  <input id="<?php echo $equipment['number'];?>-val2" type="text" name="<?php echo $equipment['number'];?>-val2"/>
                </td>
              </tr>
              <?php
                endif;
                endforeach;
               ?>
              <tr>
                <td colspan="4" style="text-align: right;">
                  <input type="submit" class="button" name="DONE" value="DONE" />
                </td>
              </tr>
            </tbody>
          </table>
        </form>
      </div>
    </div>
  </section>
  <script type="text/javascript">
    function sendData() {
      var inputs = document.getElementById('equipment-table').getElementsByTagName('input'),
          data = [],
          name, val1, val2;

      for (var i = 0; i < inputs.length; i++) {
        if ( inputs[i].type === 'submit') {
          continue;
        }

        if ( inputs[i].value ) {
          name = inputs[i].name.split('-val');
          val1 = inputs[i].name.split('val1');

          if (val1.length > 1) {
            data.push({name: name[0], val1: inputs[i].value});
          }
          else {
            data.push({name: name[0], val2: inputs[i].value});
          }
        }
      }

      window.setTimeout(function() {
        sendData();
      },30000);
    }

    sendData();
  </script>
</body>
</html>

Answer 2

你不能将PHP与JavaScript混合以及为什么将超时设置为1000 * 30，这等于将超时设置为30000，这意味着30秒。然后，您可以使用输入字段中的“require”属性强制用户填写所需信息。

<!DOCTYPE html>
<html>
<head>
<meta name="Warehouse 3962” content="width=device-width, initial-scale=1.0">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
  <section class="w">
    <div class="row">
      <div class="small columns">
        <img src="logo.png" />
        <h3 class="green">Users</h3>
      </div>

      <h6>Warehouse 3962</h6>
    </div>

    <div class="row">
      <div class="small columns">
        <form action="ajax.php" method="post" id="formSubmit">
          <table id="equipment-table">
            <thead>
              <tr>
                <th>Equipment</th>
                <th>Amount</th>
                <th>Val1</th>
                <th>Val2</th>
              </tr>
            </thead>

            <tbody>
              <?php
                foreach ($results['tags'] as $equipment) :
                  if ($equipment['category'] == "Part") : ?>

              <tr>
                <td><?= $equipment['Amount']; ?></td>
                <td class="text-center">
                  <?php echo $equipment[‘quantity']; ?>
                </td>
                <td>
                  <input id="val1" type="text" name="val1”/>
                </td>
                <td>
                  <input id="val2" type="text" name="val2"/>
                </td>
              </tr>
              <?php
                endif;
                endforeach;
               ?>
              <tr>
                <td colspan="4" style="text-align: right;">
                  <input type="submit" class="button" name="DONE" value="DONE" />
                </td>
              </tr>
            </tbody>
          </table>
        </form>
      </div>
    </div>
  </section>
  <script type="text/javascript">
    window.setTimeout(function(){
      var val1 = document.getElementById("val1").value,
          val2 = document.getElementById("val1").value;

      if ( ! val1 && ! val2 ) document.getElement('formSubmit').submit();
    },30000);
  </script>
</body>
</html>

表格，如果那么Else / ifElse HTML提交

2 个答案: