Question

这里是简单的形式：

<form id="contactform" method="POST" action="" >
          <div class="form-group">
           <input type="text" class="form-control"  id='first_name' name='first_name' > 
           <button type="submit" class="btn btn-success btn-lg " name="form_subbmit">Send</button> 
</form>

和subbmit的myscript：

<script>


// Attach a submit handler to the form
$( "#contactform").submit(function( event ) {

 var $form = $( this );

 first_name=$form.find( "input[name='first_name']" ).val();


 $.post( "http://post1.com", { first_name: first_name  } );
 $.post( "http://post2.com", {first_name: first_name  } );

});
</script>

现在，如果我把两个帖子目的地中的一个放在表格的行动中，一切都很好。如果采用这样的代码，则根本不提交。

如何将数据发送到发布目的地并将表单的操作提交为空白？

TNX

Answer 1

试试这段代码：

<script>
   function submitWithPost(){
      var $form = $( this );

 first_name=$form.find( "input[name='first_name']" ).val();


 $.post( "http://post1.com", { first_name: first_name  } );
 $.post( "http://post2.com", {first_name: first_name  } );

   }
</script>

<form onsubmit="return submitWithPost();" >

Answer 2

首先把事件阻止默认：

$("#contactform").submit(function( event ) {
    event.preventDefault();
    ...
});

完成后你必须像这样清理输入文本字段：

$.post( "http://post1.com", { first_name: first_name })
      .done(function(data) { 
         $form.find("input[name='first_name']").val('');
      });

一个脚本中的两个发布目标，表单操作标记为空白？

2 个答案: