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

자바 스크립트 코드

$('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>