如果输入值等于javascript中的给定值，则执行表单操作？

Question

以下是我的表单HTML代码，我在表单外部使用了表单按钮，它对我来说工作正常。我的字段的值是从Mysql获取的，就像状态是主动的，被动的或死的，我正在寻找的是，只有当获取输入值等于被动或死完全不知道该怎么办时，我的表单才会执行。<input type="submit" form="nameform" value="Admit Student" style="margin-right: 16px" name="admit" /><form action="/student/create" method="get" id="nameform">  <div class="row">    <div class="col-sm-4">      <div class="form-group" style="display:none;">        <label>Current Status</label>        <input type="text" value="<?php echo $enquiry_data['status']; ?>" name="status" class="form-control">      </div>    </div></form>

Answer 1

尝试此操作，在窗体上使用以验证输入字段。onsubmit="return validateForm()"

function validateForm() {

  var current_status = document.forms["nameform"]["status"].value;

  var default_value = ['passive', 'dead'];

  if (!default_value.includes(current_status)) {

    alert("You are not allowed to continue");

    return false;

  }

}

<input type="submit" form="nameform" value="Admit Student" style="margin-right: 16px" name="admit" />

<form action="/student/create" method="get" id="nameform" onsubmit="return validateForm()">

  <div class="row">

    <div class="col-sm-4">

      <div class="form-group" >

        <label>Current Status</label>

        <input type="text" value="" name="status" class="form-control">

      </div>

    </div>

</form>

Answer 2

如果我正确地回答了你的问题，你可能必须通过javascript在事件上设置/获取该值。

我假设您要做的是：在检索值的那一刻自动执行操作（如果它符合您的条件），而不是在用户操作（例如按钮单击）上执行操作。

1. 将数据提取到 javascript 代码中。以下问题答案可能会有所帮助 如何将变量和数据从PHP传递到JavaScript？。

2. 从那时起，将这些值输入到表单字段中。这个问题的答案包含有关如何执行此操作的信息。

3. 如果您获得所需的值，则触发要触发的任何操作。

如果要在表单提交时（当用户单击按钮或其他内容时）执行操作，mplungjan的答案应该有效。

作为旁注：如果您确切地阐明您希望实现的目标（例如：当页面加载时，它是否应该自动执行，或者您只需要验证一个值），您可能会得到更具体的答案 - 甚至可能是您问题的更好解决方案。如果您只需要验证，那么我的解决方案在这一点上是过度的。

Answer 3

有很多方法可以做到这一点，最好的方法是，不要通过表单发送表单请求，使用Javascript在单击按钮时进行验证，然后发送表单数据，就像这种最简单的方法一样。

var request = new XMLHttpRequest();

request.open("POST", "http://example.com/submitform.php");

request.send(formData);

Answer 4

像这样的东西？

$("#nameform").on("submit",function(e) {

  const val = $("[name=status]").val().trim();

  console.log(val)

  if (val==="" || "Active" === val) e.preventDefault();

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="submit" form="nameform" value="Admit Student" style="margin-right: 16px" name="admit" />

<form action="/student/create" method="get" id="nameform">

  <div class="row">

    <div class="col-sm-4">

      <div class="form-group" style="display:none;">

        <label>Current Status</label>

        <input type="text" value="Active" name="status" class="form-control" />

      </div>

    </div>

  </div>  

</form>