微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在javascript中提交表单后如何在输入框中显示日期字段?

提交表单后,我需要在同一页面的输入框中显示用户选择的日期。 我指的是 this 链接,如果我尝试在我的代码中实现相同的链接,我的表单不会被提交,也无法看到所需的输出

这是我的代码

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单击提交按钮后,有什么想法可以在输入框中显示日期吗?

解决方法

如果你想要你的蛋糕也吃它,使用 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)
  });  
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。