제출하기 전에 어떻게 해야 합니까?

제출하기 전에 어떻게 해야 합니까?

나는 양식을 제출하는 버튼이 있는 양식을 가지고 있습니다.제출하기 전에 해야 할 일이 있습니다.Click on the button을 하려고 했는데 제출 후에 발생합니다.

코드를 공유할 수는 없지만 일반적으로 jQuery 또는 JS에서 이를 처리하려면 어떻게 해야 합니까?

다음과 같은 양식이 있는 경우:

<form id="myform">
...
</form>

다음 jQuery 코드를 사용하여 양식을 제출하기 전에 작업을 수행할 수 있습니다.

$('#myform').submit(function() {
    // DO STUFF...
    return true; // return false to cancel form action
});

업데이트. 최신 JQuery 버전의 경우(사용되지 않는 경고를 방지하려면) 다음을 시도합니다.

$('#myform').on('submit', function() {

    // ...

    return true;
});

다음과 같은 양식이 있다고 가정합니다.

<form id="myForm" action="foo.php" method="post">
   <input type="text" value="" />
   <input type="submit" value="submit form" />

</form>

다음을 첨부할 수 있습니다.onsubmit-다음과 같은 jQuery를 사용하는 이벤트:

$('#myForm').submit(function() {
  alert('Handler for .submit() called.');
  return false;
});

네가 만약return falsetrue를 반환하거나 아무 것도 반환하지 않을 경우 해당 양식은 함수 이후에 제출되지 않습니다.

자세한 내용은 jQuery 설명서를 참조하십시오.

사용할 수 있습니다.onclick다음과 같은 양식을 제출하기 전에 일부 JavaScript 또는 jQuery 코드를 실행합니다.

<script type="text/javascript">
    beforeSubmit = function(){
        if (1 == 1){
            //your before submit logic
        }        
        $("#formid").submit();            
    }
</script>
<input type="button" value="Click" onclick="beforeSubmit();" />

제출 버튼이 "submit" 유형이 아닌지 확인하고 버튼으로 만드십시오.그런 다음 onclick 이벤트를 사용하여 일부 Javascript를 트리거합니다.데이터를 실제로 게시하기 전에 원하는 모든 작업을 수행할 수 있습니다.

양식:

<form id="formId" action="/" method="POST" onsubmit="prepareForm()">
   <input type="text" value="" />
   <input type="submit" value="Submit" />
</form>

Javascript 파일:

function prepareForm(event) {
  event.preventDefault();
  // Do something you need
  document.getElementById("formId").requestSubmit();
}

참고: Safari(아마도 Safari)를 지원하는 경우 다음을 위해 폴리필을 사용해야 합니다.requestSubmit()

언급URL : https://stackoverflow.com/questions/8053394/how-to-do-something-before-on-submit