submit函数在第一次提交jquery之后提交两次，PHP - submit function submits twice after first submisson jquery, PHP

submit function submits twice after first submisson jquery, PHP

function slideupSubmit (name) {
    $(name).submit(function ( event ) {
        event.preventDefault();
        var target = $(this).attr("action");
        var response = $(this).attr("response");
        var formName = $(this).attr("id");
        $.post(target, 
            $(this).serialize() + '&' + $.param({ 'formName':formName, response : response}),
            function (data) {
                $(response).html(data);
                $(name).hide();
                $(name)[0].reset();
            }
        );
    });
};
function resetForm (name){
    $(name).show();
};

我在这方面真的很新，只写了几个月的代码，所以如果我的代码真的很糟糕，我很抱歉，如果解决方案很简单，请原谅我。我写了这段代码，这样我就可以重用它在我的页面上提交不同的表单，并将响应发送到上面的div。我可以发布我想要的一切，但在它第一次发布后，如果我再次发布，它会发布两次。然后三次。我知道我做错了什么，但我找不到错误。

我在回复中包含了这一点，以便在隐藏后将表格带回。

<a onClick="resetForm('.$_POST['formName'].')" href="#" response=""> New Form?</a>

这是表格。

                       <!-- Form 1 --->
 <div class="row ">
     <div class="col-xs-12">
    <div class="well well-dark ">
                   <h4><a href="#" onclick="form('contactUpdate')">Update Contacts</a></h4>
        <span class="contactUpdate-response text-success"></span>
         <form id="contactUpdate" class="form form-inline hidden contact-form" response=".contactUpdate-response" method="post" action="ajax/contactUpdate.php">
             <div class="form-group">
              <input hidden name="contact_entry" value="1"/>
             </div>

             <div class="form-group">
            <label>Contact Title:</label>
             <input class="form-control" name="contact_title" required />
             </div>
             <div class="form-group">
             <label>Link to Employee</label>
                <select name="empId" class="form-control select-emp-name"></select>  
             </div>
             <div class="form-group">
              <label>Category:</label>
              <select  name="category"class="form-control select-contact-categories "> 
             </div>
              <div class="form-group">
              <label>Link to Location</label>
              <select name="locat_id" class="form-control select-location"></select> 
              </div>
               <div class="form-group">
               <label>Number:</label>
               <select name="extId" class="form-control select-dig-ext"></select>    
                </div>
                 <div class="form-group">
                 <input hidden name="updateBy" value="24"/>
                 </div>
            <div class="form-group">
            <input onclick="slideupSubmit(contactUpdate)" type="submit" class="form-control btn btn-primary" value="Update List" />
            </div>
            </form>
         </div>
     </div>
 </div>
                    <!--- -->

<input type="submit" class="form-control btn btn-primary" value="Update List" />

使事件侦听器停止工作并删除onclick=。。。

 $(name).submit(function ( event ) {
    event.preventDefault();
        var target = $(this).attr("action");
            var response = $(this).attr("response");
            var formName = $(this).attr("id");
                $.post( target, $(this).serialize()
                       +'&'+$.param({ 'formName': formName,
                                    response : response}),
                    function(data){$(response).html(data);
                    $(name).hide();
                    $(name)[0].reset();
    });