Onsubmit 형태가 여기에

Question

를 작동하지 않는 것은 내가 다음 실행 제출 기능 ExportPublication()을 클릭합니다 내 양식의 HTML & 자바 스크립트 코드입니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

함수는 다음과 같이해야합니다 :

또한

function ExportPublication() { 
    event.preventDefault(); 
    $.ajax({ 
     url: '@Url.Action("CreateOutput", "Publication", new { area = "Cartable" })', 
     data: $("#frmExportPublication").serialize(), 
     type: 'POST', 
     beforeSend: function() { 
      ajaxWaiting.showWaiting(); 
     }, 
     success: function() { 
      $("#message").show(); 
      ajaxWaiting.hideWaiting(); 
      $('#ExportPublication').modal('hide'); 
     }, 
     error: function (req, status, error) { 
      ajaxWaiting.hideWaiting(); 
     } 
    }); 
    return false; 
} 

형태의 onsubmit 함수가 값을 반환해야합니다 .. 즉, 아래처럼 자바 스크립트를 통해 리스너를 바인딩 시도 할 경우 대신

<form onsubmit="ExportPublication()" class="form-horizontal" id="frmExportPublication" name="frmExportPublication" > 

의

<form onsubmit="return ExportPublication()" class="form-horizontal" id="frmExportPublication" name="frmExportPublication" > 

Answer 2

은, 마치 마법처럼 작동합니다!

document.forms.frmExportPublication.onsubmit = ExportPublication; 

fiddle

는 간결을위한 바이올린에서 UR 아약스 호출을 제거했습니다.