아약스 게시 후 양식 제출 버튼을 사용할 수 없습니다.

Question

CRM을위한 양식이 여러 개있는 페이지가 있습니다. 각 양식에 이름이 붙여지기 때문에 문제는 없습니다. 그러나 $ .post()가 실행 된 후 제출 단추가 사용 불가능한 상태로 남아있는 문제가 발생합니다.

다음은 현재 양식의 제출 버튼을 다시 활성화하는 일반적인 방법이 있나요 양식을 제출

$("form") 
     .bootstrapValidator() 
     .on('success.form.bv', function(e) { 
      // Prevent form submission 
      e.preventDefault(); 

      // Get the form instance 
      var $form = $(e.target); 

      // Get the BootstrapValidator instance 
      var bv = $form.data('bootstrapValidator'); 
      console.log($form.serialize()); 
      $.post("/post/", $form.serialize(), function(data) { 
        if(data) { 
         toastr.success("The form data has been updated.","Form Saved"); 
        } else { 
         toastr.error("Please try to save again.","Failed"); 
        } 
       } , "json" // I expect a JSON response 
      ).error(function() { 
        toastr.error("Please try to save again.","Failed"); 
      }); 

    }); 

내 보편적 후 처리기입니다. 중첩 된 HTML이 너무 많아 버튼의 위치가 양식마다 다릅니다.

미리 감사드립니다.

Answer 1

내가 사용할 수없는 수단이 무엇인지 모르겠다. HTML 태그가 사용 중지되었다는 것을 의미합니까?

그렇다면 Jquery를 사용하여 비활성화 된 attr을 제거 할 수 있습니까?

$ .post 함수 아래에서이 jquery 줄을 추가하여 특성을 제거 하시겠습니까?

$.post("/post/", $form.serialize(), function(data) {  
    $form.find("input[type=submit]").removeAttr('disabled'); 

Answer 2

나는 당신이 아마 이 초점을 맞추고 있었다 의미, 코드에서 버튼을 비활성화 속성을 볼 수 없습니다. 그 상황에서 당신은 단순히 요소에 대한 초점을 제거 할 수 있습니다 $('#form-button').blur();