programing tip

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

itbloger 2020. 7. 10. 08:07
반응형

제출하기 전에 어떻게해야합니까? [닫은]


양식을 제출하는 버튼이있는 양식이 있습니다. 제출이 이루어지기 전에 무언가를해야합니다. 해당 버튼 에서 onClick시도했지만 제출 후 발생합니다.

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


이와 같은 양식이있는 경우 :

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

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

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

다음과 같은 양식이 있다고 가정하십시오.

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

</form>

다음 onsubmit과 같이 jQuery를 사용하여 -event를 첨부 할 수 있습니다 .

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

당신이 경우 return false당신이 진정한 반환하거나 아무것도가 평소와 같이 제출하지 않을 경우 형태는 기능 이후에 제출되지 않습니다.

자세한 내용은 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();" />

제출 단추가 "제출"유형이 아닌지 확인하고 단추를 만드십시오. 그런 다음 onclick 이벤트를 사용하여 일부 자바 스크립트를 트리거하십시오. 실제로 데이터를 게시하기 전에 원하는 모든 작업을 수행 할 수 있습니다.

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

반응형