JavaScript는 어떻게 양식 제출을 방지하고 검증 실패 시 이전 페이지로 리디렉션할 수 있습니까?

JavaScript에서 양식 제출 방지

질문:

JavaScript 양식 검증 시나리오에서 양식 제출을 방지하는 방법은 무엇입니까? 특정 조건이 충족되면 이전 페이지로 돌아갑니다. met?

답변:

이 문제를 해결하는 방법에는 여러 가지가 있습니다.

방법 1: PreventDefault() 및 유효성 검사 사용 기능

<form onsubmit="event.preventDefault(); validateMyForm();">

이 방법에서는 유효성 검사가 실패하면 verifyMyForm()은 false를 반환해야 합니다.

방법 2: 유효성 검사 함수에서 값 반환

<form name="myForm" onsubmit="return validateMyForm();">

이 스크립트에서:

function validateMyForm() {
  if (condition fails) {
    alert("Validation failed!");
    returnToPreviousPage();
    return false;
  }

  alert("Validation passed!");
  return true;
}

방법 3: returnValue 속성 설정 (Chrome 27.0.1453.116m에 필요)

function validateMyForm() {
  if (condition fails) {
    alert("Validation failed!");
    returnToPreviousPage();
    event.preventDefault();
    event.returnValue = false; // Set `returnValue` to false
  }

  alert("Validation passed!");
  return true;
}

위 내용은 JavaScript는 어떻게 양식 제출을 방지하고 검증 실패 시 이전 페이지로 리디렉션할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!