javascript - 在javascript中提交表单后如何在输入框中显示日期字段？

Question

提交表单后，我需要在同一页面的输入框中显示用户选择的日期。我指的是这个链接，如果我尝试在我的代码中实现相同的功能，我的表单没有被提交并且无法看到所需的输出。

这是我的代码：

HTML：

<form method="POST" id="myform">
<div class="de-section de-cart-stat d-flex align-items-center flex-wrap mt-4">
StartDate:<input type="date" id="stdate" name="stname">
EndDate:<input type="date" id="eddate" name="edname">
<button id="submitbtn" type="submit">Submit</button>

JS：

$("#submitbtn").click(function() {
 if ($("#stdate").val().length === 0 || $("#eddate").val().length === 0) {
   $("#errorModal").modal("show");
   return false;
  }
  else{
     $("form").submit();
}
});

使用javascript单击提交按钮后在输入框中显示日期的任何想法。？

标签： javascripthtmljqueryform-submitdatefield

Answer 1

如果你想要你的蛋糕并且也吃它，请使用 AJAX

$("#myform").on("click", function(e) {
  e.preventDefault(); // stop submission 
  if ($("#stdate").val().length === 0 || $("#eddate").val().length === 0) {
    $("#errorModal").modal("show");
    return;
  }
  $.post("someUrl",$(this).serialize(),function(res) {
    $("someContainer").html(res)
  });  
});