将两个离散任务分配给一个按钮

Question

首先，这可能吗？

我的表单中有一个重置按钮，我想在单击重置按钮之前获取输入中的文本。

<form action="Pros.php" method="post">
  <div class="form-group">
    <label for="ordID">Email address:</label>
    <input type="text" class="form-control" id="ordID">
  </div>
  <button type="reset" class="btn btn-default">Submit</button>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

如果可以的话，我该怎么做？谢谢。

Answer 1

您可以使用 onreset 事件处理程序

function myFunction() {
  var m = document.getElementById('ordID').value;
  console.log(m)
}

<form action="Pros.php" method="post" onreset="myFunction()">
  <div class="form-group">
    <label for="ordID">Email address:</label>
    <input type="text" id="ordID">
  </div>
  <button type="reset" class="btn btn-default">Reset</button>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Answer 2

是的，使用 javascript/jQuery 在清除输入字段之前获取输入字段的内容。这是一个基本示例：

$('#btnReset').click(function(){
  var ordID = $('#ordID').val();
  alert(ordID);
  $('#ordID').val('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="Pros.php" method="post">
  <div class="form-group">
    <label for="ordID">Email address:</label>
    <input id="ordID" type="text" class="form-control" />
  </div>
  <button id="btnReset" type="reset" class="btn btn-default">Reset</button>
  <button id="btnSubmit" type="submit" class="btn btn-primary">Submit</button>
</form>

将两个离散任务分配给一个按钮

Assign two discrete tasks to a single button

javascript

html

forms

button

reset