Question

我想在此输入中添加验证

        <div class="col-lg-6">
          <!-- Content Here -->
          <!-- Needs Validation -->      
          <input type="text" name="name" class="form-control" id="name" value="" required>
          <a class="btn btn-hercules-font btn-lg btn-block mt-5" href="add_workout_2.php" role="button" id="add_button">+ ADD EXERCISES TO WORKOUT</a>
        </div>

我尝试使用required标记，但似乎不起作用（我可以单击“提交”按钮而无需输入任何值）。

编辑：

<form action="add_workout_2.php">
  <input type="text" name="name" class="form-control" id="name" value="" required>
  <a class="btn btn-hercules-font btn-lg btn-block mt-5" type="submit" role="button" id="add_button">+ ADD EXERCISES TO WORKOUT</a>
</form>

Answer 1

在这种情况下，只有正确地调用了有效的“ submit”事件，才会触发“ required”参数。定位标记具有“ type”参数，但其用途与输入/按钮标记不同。我建议您将锚标签转换为按钮，如下所示：

<form action="add_workout_2.php">
  <input type="text" name="name" class="form-control" id="name" value="" required>
  <button class="btn btn-hercules-font btn-lg btn-block mt-5" type="submit" role="button" id="add_button">+ ADD EXERCISES TO WORKOUT</button>
</form>

然后，您会得到想要的结果。如果不想使用按钮的样式，则可以使用样式来解决。供以后参考，您无需在输入标签中添加“ value =“”即可包含一个空标签：-）

我希望它能帮上忙。

Answer 2

将代码更改为此：

<form action="add_workout_2.php">
  <input type="text" name="name" class="form-control" id="name" required>
  <input class="btn btn-hercules-font btn-lg btn-block mt-5" type="submit" role="button" id="add_button" value="+ ADD EXERCISES TO WORKOU">
</form>

如何在用户输入提交之前向用户输入添加验证

2 个答案: