AJAX関数でフォームを送信

Question

サーバー側の方法が機能し、AJAX関数がdata-duplicated="false"ではなく$this.submit();に設定されています。実際にフォームを送信するには、もう一度sumbitボタンを押す必要があります。

<form data-url="/.../" data-duplicated="true" onsubmit="return checkForDuplicates(this)"> 
    <!-- Form inputs --> 
</form> 

function checkForDuplicates(e) { 
     var $this = $(e); 
     var url = $this.attr('data-url'); 

     if ($this.attr('data-duplicated') === 'true') { 

      $.ajax({ 
       url: url, 
       type: 'POST', 
       data: data, 
       success: function (result) { 
        if (result === true) { 
         $this.attr('data-duplicated', 'false'); 
         $this.submit(); 
        } else { 
         // warrning 
        } 
       } 
      }); 

      return false; 
     } 
     return true; 
    } 

私は実際にフォームを送信するために何をすべき？

Answer 1

バッカス、私はコメントで説明したように、

$(document).ready(function(){ 
 
     $('#submit').on('click', function(){ 
 
     $.ajax({ 
 
       url: url, 
 
       type: 'POST', 
 
       data: data, 
 
       success: function (result) { 
 
        if(result == 'duplicate'){ 
 
        $('#form').submit(); 
 
        }else{ 
 
        //your custom message here 
 
        } 
 
       } 
 
      }); 
 
     }); 
 
});

<form id='form' action='' method='post'> 
 
    <!--your inputs here--> 
 
    <a id='submit'>Submit form</a> 
 
</form>

はそれがあなたのお役に立てば幸いです：あなたはこのような何かを行うことができます。

Answer 2

demo link

JavaScriptコード

$('input[type="submit"]').click(function(e) { 
    e.preventDefault(); 
    checkForDuplicates(this); 
}) 

function checkForDuplicates(e) { 
    var _form = $(e).closest('form'); 
    var url = _form.attr('data-url'); 

    if (_form.attr('data-duplicated') === 'true') { 
    var data = {}; 
    var url = '/'; 
    $.ajax({ 
     url: url, 
     type: 'POST', 
     data: data, 
     success: function(result) { 
     if (result === true) { 
      _form.attr('data-duplicated', 'false'); 
      _form.trigger('submit'); 
     } else { 
      // warrning 
     } 
     } 
    }); 

    } 
} 

HTMLコード：

<form data-url="/.../" data-duplicated="true"> 
    <input type="submit"> 
</form>