POST 方法后清除所选值

Question

我正在尝试为 3 种不同的报告制作网络。在最后 2 个报告中，我需要用户指定 2 个日期。

我想要一个在发送 POST 方法后触发的 JavaScript 函数，这样我就可以清除用户选择。首先我试着让它像你在这里看到的那样：https://codepen.io/nahuelg90/pen/ZMjLgq。但问题是在发送 POST 方法之前清除了数据，如下函数所示（validateGenerados() 也一样）：

function validateCierreAdmin() {

  var inicio = document.forms["ticketsCierreAdminForm"]["fechaInicio"].value;
  var fin = document.forms["ticketsCierreAdminForm"]["fechaFin"].value;
  if (inicio == "") {
    alert("Debe completar la fecha de inicio");
    return false;
  }
  if (fin == "") {
    alert("Debe completar la fecha de fin");
    return false;
  }
  if (inicio > fin) {
    alert("La fecha de inicio no puede ser mayor a la de fin");
    return false;
  }

  $('#ticketsCierreAdminPop').slideFadeToggle();
  document.forms["ticketsCierreAdminForm"]["fechaInicio"].value = "";
  document.forms["ticketsCierreAdminForm"]["fechaFin"].value = "";
}

Answer 1

您可以简单地先发布数据并在提交后清除。 使用这个 .submit 方法

函数 validateCierreAdmin() {

  var inicio = document.forms["ticketsCierreAdminForm"]["fechaInicio"].value;
  var fin = document.forms["ticketsCierreAdminForm"]["fechaFin"].value;
  if (inicio == "") {
    alert("Debe completar la fecha de inicio");
    return false;
  }
  if (fin == "") {
    alert("Debe completar la fecha de fin");
    return false;
  }
  if (inicio > fin) {
    alert("La fecha de inicio no puede ser mayor a la de fin");
    return false;
  }

 document.getElementsByTagName("form").submit();

  $('#ticketsCierreAdminPop').slideFadeToggle();
  document.forms["ticketsCierreAdminForm"]["fechaInicio"].value = "";
  document.forms["ticketsCierreAdminForm"]["fechaFin"].value = "";
} 

此方法将首先提交您的数据，然后清除值。