javascript - 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 = "";
} 

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