Javascript 如何使用按钮代替表单外部的输入？_Javascript_Html_Forms

Javascript 如何使用按钮代替表单外部的输入？

javascript html forms

Javascript 如何使用按钮代替表单外部的输入？,javascript,html,forms,Javascript,Html,Forms,我正在设置一个导航栏，其中包含一个按钮，用于在正文中提交表单（相册表单）。对于onclick如何实现这一点，有什么建议吗 <body> <header> <navbar> <button type="submit" name="save_album" class="btn" id="save_album" onclick="????" value="Save Album">Save Album</button>

我正在设置一个导航栏，其中包含一个按钮，用于在正文中提交表单（相册表单）。对于onclick如何实现这一点，有什么建议吗

<body>
  <header>
    <navbar>
      <button type="submit" name="save_album" class="btn" id="save_album" onclick="????" value="Save Album">Save Album</button>
    </navbar>
  </header>
  <main>
    <form action="/album/" method="POST" name="album_form" id="album_form">
     <input />
    </form>
  </main>
</body>


保存相册

已经有与此主题相关的问题和答案，请参见此问题和答案： !

希望这对你有帮助

或者，您可以编写一些javascript代码：

<form id="Form">
  <!-- form fields and/or controls-->
</form>
<input type="submit" id="externalButton">

<script>
$(document).ready(function () {
  $("#externalButton").click(function () {
    $("#Form").submit();
  });
});
</script>


$（文档）.ready（函数（）{
$（“#外部按钮”）。单击（函数（）{
$（“#表格”）.submit（）；
});
});

您可以尝试以下方法：

<button type="submit" name="save_album" class="btn" id="save_album"     onclick="document.getElementById('album_form').submit()" value="Save Album">Save Album</button>

保存相册

onclick中不需要任何东西。只需添加这个javascript

document.getElementById("save_album").addEventListener("click", function() {
  document.getElementById("album_form").submit();
});

演示

可能重复的