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

时间:2018-02-20 17:52:40

标签: javascript html forms button reset

首先,这可能吗?

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

prototype

如果可以,我该怎么办? 谢谢。

2 个答案:

答案 0 :(得分:0)

您可以使用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>

答案 1 :(得分:0)

是的,在清除输入字段之前使用javascript / jQuery来获取输入字段的内容。这是一个基本的例子:

&#13;
&#13;
$('#btnReset').click(function(){
  var ordID = $('#ordID').val();
  alert(ordID);
  $('#ordID').val('');
});
&#13;
<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>
&#13;
&#13;
&#13;