2016-06-16 3 views
0

양식 취소를 실행하는 데 사용하는 양식이 있습니다. 사용자가 제출을 확인할 수 있도록 양식 게시를 방해하는 순수한 CSS 모달 양식을 표시하려고합니다. 지금까지이를 달성하기 위해 양식 제출시 모달을 실행했습니다. 아래의 코드를 사용하면 모달이 나타나지만 게시물을 방해하지 않습니다. 즉, 게시물이 발생합니다.양식 제출을 방해하는 모달

모달 내의 추가 버튼을 눌러 게시물을 확인하기 전까지 제출을 방해하는 모달을 얻는 방법을 아는 사람이 있습니까?

형태 :

<form method='post' action='' onsubmit='return validate();'> 
     <fieldset> 
     <input type='hidden' id='cancel' name='cancel' value='cancel'> 
     <input type='submit' id='submit' name='submit' value='submit'> 
     </fieldset> 
    </form> 

모달 자바 스크립트 트리거 : 유형 button

<input type='button' id='submit' name='submit' value='submit'> 
<script> 
function validate() { 
    var result = document.getElementById('myLink').click(); 
// var result = confirm("Do you want to submit!"); 
    return result; 
} 
</script> 

답변

1

변경

<input type='submit' id='submit' name='submit' value='submit'> 

핸들 버튼 click 그러면 confirm 또는 사용할 확인 사항이 열립니다. 그리고, 결과에 따라 yes 또는 no 양식 http://www.w3schools.com/jsref/met_form_submit.asp

document.getElementById('myLink').click(); 

정말 true 또는 false, 적어도 결과로 해석 할 수없는 반환하지 않습니다 그 것을 구현의 문제를 제출 기대하는 바

관련 문제