Question

当我点击SUBMIT时，它什么也没做。但我需要将表单数据发送到外部链接。我怎么能这样做？

   <form role="form" class="registration-form" action="javascript:void(0);">
      <fieldset id="1ststep" class="show">...

       .........Different input fields go here.......

      <div class="text-center btn-box">
         <button type="submit" class="btn Dbtn9" 
            id="btn10thstep">SUBMIT</button>
      </div>
   </form>

Answer 1

在您发表评论之后，您不知道代码中的action="javascript:void(0);"部分，请在此处回答：

如果您只需要提交表单，只需将URL添加为action，并根据服务器的要求添加正确的方法。除非您需要在用户操作和实际提交到服务器之间运行业务逻辑，否则默认的浏览器行为（没有js）可以正常工作吗？

示例：

<form role="form" class="registration-form" method="POST" action="/register">

action可以是相对的，绝对的或完整的URL，包括协议和主机。但是，任何GET参数都将被丢弃（无论使用哪种方法提交）。如果您需要提交任何其他参数，则必须将它们作为hidden输入添加到表单中（或者如果您选择JS解决方案，则将它们添加到AJAX调用中）。

如果您需要在用户的提交操作和实际的POST或GET之间运行业务逻辑到服务器，您可以保留action原样或将其替换为#。

<form id="registation-form" role="form" class="registration-form" method="POST" action="#">

在javascript中：

let registrationForm = document.getElementById('registration-form');
registrationForm.on('submit', function(event) {
    event.stopPropagation();
    //... your business logic here
    // submit the form, e.g. using jQuery's ajax() function
});

jQuery.ajax（）：http://api.jquery.com/jQuery.ajax/

Answer 2

请记住输入需要名称=＆＃34;＆＃34;

提交按钮不发送表单数据

2 个答案: