时间戳

首页 > 解决方案 > 如何将js变量添加到表单中？

javascript - 如何将js变量添加到表单中？

问题描述

<form action="recapitulatif.html" onsubmit="return isValidForm()" method="get" id="form">

</form>

嗨，我有这个表格，它可以转到我的下一页并将输入添加为参数。我想在参数中添加一个 js 变量（目标）。这是由上一页中的另一个表格指定的。

我试过添加

let destination=findGetParameter('destination');
document.getElementById("form").action=("recapitulatif.html?destination="+destination);

在我用来检查有效输入的 isValidForm() 函数中，它不起作用。

标签： javascript

解决方案

您可以提取验证并使用 URL API

<form action="recapitulatif.html" method="get" id="form">
</form>

JS：

document.getElementById("form").addEventListener("submit",function(e) {
  if (!isValid(this)) 
    e.preventDefault();
    return
  }
  const destination=findGetParameter('destination'); // I do not know what findGetParameter does
  const url = new URL(this.action);
  url.searchParams.set("destination",destination)
  this.action=url.toString();
});

推荐阅读