html - 使用单个按钮处理 2 个 HTML 表单

Question

我有 2 个单独的 HTML 表单，想通过一个按钮发送它们。我怎样才能做到这一点？当我尝试通过删除中间的开始和结束来将它们变成一种形式时，div 标签和 CSS 会搞砸。这是我的代码。

            <div class="contact-bottom"> 
            <div class="col-md-6 contact-left"> 
            <form>
                <input type="text" placeholder="Name" required="">
                <input type="text" placeholder="E-mail" required="">
                <input type="text" placeholder="Phone" required="">
            </form>
            </div>
            <div class="col-md-6 contact-left">
            <form>
                <textarea placeholder="Message"></textarea>
                <input type="submit" value="SEND">
            </form> 
            </div>
            <div class="clearfix"> </div>
        </div>

Answer 1

使用 ajax 发布值!

例子:

   <script>
      $(document).ready(function(){
        $("#submit").click(function(){
            $.ajax({
                        type: 'post',
                            url: "mail.php",
                        data:  { "name" : $("#mail-name").val() ,"email" :  $("#mail-email").val() },
                        success: function($response) {
                alert($response);
            }
            });

        });
      });