Javascript 从链接提交表单与从按钮提交表单（Chrome）_Javascript_Jquery_Html_Google Chrome_Firefox

Javascript 从链接提交表单与从按钮提交表单（Chrome）

javascript jquery html google-chrome firefox

Javascript 从链接提交表单与从按钮提交表单（Chrome）,javascript,jquery,html,google-chrome,firefox,Javascript,Jquery,Html,Google Chrome,Firefox,我有一个包含链接的表单。如果用户单击从按钮提交试试这个： <html> <head> <title>test</title> <script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin

我有一个包含链接的表单。如果用户单击


从按钮提交

试试这个：

 <html>
  <head>
    <title>test</title>
    <script
      src="https://code.jquery.com/jquery-3.3.1.js"
      integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <form id="RetrieveQuote" method="post" action="javascript:alert('action!')">
      <input id="myName" value="David" /> <br />
      <a href="#" id="submit-link">Submit from link</a>
      <button>Submit from button</button>
    </form>
    <script>
      $("#submit-link").click(function() {
        $("#RetrieveQuote").submit();
      });
    </script>
  </body>
</html>


测试


从按钮提交
$（“#提交链接”）。单击（函数（）{
$（“#RetrieveQuote”）.submit（）；
});

试试这个：

 <html>
  <head>
    <title>test</title>
    <script
      src="https://code.jquery.com/jquery-3.3.1.js"
      integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <form id="RetrieveQuote" method="post" action="javascript:alert('action!')">
      <input id="myName" value="David" /> <br />
      <a href="#" id="submit-link">Submit from link</a>
      <button>Submit from button</button>
    </form>
    <script>
      $("#submit-link").click(function() {
        $("#RetrieveQuote").submit();
      });
    </script>
  </body>
</html>


测试


从按钮提交
$（“#提交链接”）。单击（函数（）{
$（“#RetrieveQuote”）.submit（）；
});

我做了更多的测试，解决问题的不是事件处理程序的设置，而是去掉了href=“javascript:void（0）”来解决问题。你能解释一下这里到底发生了什么吗？我做了更多的测试，解决问题的不是事件处理程序的设置，而是href=“javascript:void（0）”来解决问题你能解释一下这里到底发生了什么吗？