[js]submit 전에 confirm띄우기 Confirm before a form submit

form submit  할때 보내기전 확인창을 띄울때가 있다. 

홈페이지를 만들다보면 무조건 필요하다고 생각하기에 올린당...

 

<form enctype="multipart/form-data" method="post" action="test_ok.php" name="morning" id="myForm">
	
   <input type="text"name="name" class="input_">
   <button type="submit" name="amode" value="no_test" onclick="no_really();" class="submit_btn" style="cursor:pointer;">접수</button>

</form>

우선 submit 을 button으로 했다 그리고 대충 테스트로 input암거나넣어보겠다

 

1. 스크립트이용

<script>
    function no_really() {
    if (confirm("정말로 취소하시겠습니까?")) {
        // 삭제 동작 수행
        var form = document.getElementById("myForm");
        form.submit();
    } else {
        // 취소 동작 수행
        window.history.back();
    }
}
</script>

onclick을 이용해서 confirm알림창을 띄어주면된다

 

2. form에 onsubmit을 해주면된다

<form action="adminprocess.php" method="POST" onsubmit="return confirm('Are you sure you want to submit this form?');">
    <input type="submit" name="completeYes" value="Complete Transaction" />
</form>

사실 이건 어디서 가지고온거다.. 

위에꺼 안되면 위에 있는 방법도 테스트해봐주세요!!