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

【问题标题】：Assign two discrete tasks to a single button将两个离散任务分配给一个按钮
【发布时间】：2018-02-20 17:52:40
【问题描述】：

首先，这可能吗？

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

<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>

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

【问题讨论】：

你在哪里I want to get the text in the input before clicking？输入框在哪里？你试过什么？
听起来你需要绑定一个点击事件......
@showdev 抱歉添加

标签： javascript html forms button reset

【解决方案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>

【讨论】：

完美！感谢您的宝贵时间

【解决方案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>

【讨论】：

完美！感谢您的宝贵时间