양식 제출을 방지하는 JavaScript 코드

Question

양식 제출을 중지하는 한 가지 방법은 JavaScript 함수에서 false를 반환하는 것입니다.

제출 버튼을 클릭하면 유효성 검사 함수가 호출됩니다. 양식 유효성 검사에 조건이 있습니다. 해당 조건이 충족되면 returnToPreviousPage();라는 함수를 호출합니다.

함수 returnToPreviousPage() {
    window.history.back();
}

저는 JavaScript와 Dojo Toolkit을 사용하고 있습니다.

이전 페이지로 돌아가는 대신 양식을 제출합니다. 이 제출을 중단하고 이전 페이지로 돌아가려면 어떻게 해야 합니까?

Answer 1

기본값 방지 사용

Dojo 툴킷

으아악

jQuery

으아악

바닐라 자바스크립트

으아악

Answer 2

함수의 반환 값을 사용하여 양식 제출을 방지할 수 있습니다

으아악

기능은 다음과 같습니다:

으아악

위 코드가 Chrome 27.0.1453.116 m에서 작동하지 않으면 이벤트 핸들러의 매개변수 returnValue 필드를 false로 설정하세요.

정보를 공유해 주신 Sam에게 감사드립니다.

편집자:

validateMyForm()이 false를 반환하는 경우 솔루션을 제공해 주신 Vikram에게 감사드립니다.

으아악

validateMyForm()은 유효성 검사에 실패할 때 false를 반환하는 함수입니다. 중요한 점은 이름 이벤트를 사용하는 것입니다. 예를 들어 e.preventDefault()

를 사용할 수 없습니다.