JavaScript 양식 제출을 안정적으로 중지하고 뒤로 탐색하려면 어떻게 해야 합니까?

JavaScript로 양식 제출 중지

JavaScript에서 다양한 방법을 사용하여 양식 제출을 방지할 수 있습니다. 질문에 언급된 한 가지 방법은 특정 조건이 충족될 때 유효성 검사 함수에서 false를 반환하는 것입니다. 그러나 이 경우 returnToPreviousPage() 함수를 호출한 후에도 양식이 제출됩니다.

양식 제출을 효과적으로 중단하고 이전 페이지로 돌아가려면 다음 접근 방식을 고려하세요.

1. PreventDefault() 및 Return False:

preventDefault() 메서드를 양식의 onsubmit 이벤트 핸들러에 추가하고 유효성 검사 함수에서 false를 반환합니다. 이렇게 하면 브라우저가 양식을 제출하는 것을 방지하고 returnToPreviousPage() 함수가 트리거되어 이전 페이지로 다시 이동합니다:

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

function validateMyForm() {
  if (condition not met) {
    alert("Validation failed");
    returnToPreviousPage();
    return false;
  } else {
    alert("Validation passed");
    return true;
  }
}

2. 함수 반환 값:

검증 함수의 반환 값을 사용하여 양식 제출을 제어합니다. onsubmit 이벤트 핸들러에서 유효성 검사 함수의 이름을 지정하고 제출을 중지하거나 허용하도록 함수의 반환 값을 설정합니다.

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

function validateMyForm() {
  if (condition not met) {
    alert("Validation failed");
    returnToPreviousPage();
    return false;
  } else {
    alert("Validation passed");
    return true;
  }
}

참고: Chrome을 사용하는 경우 27.0.1453.116 m, 위 코드가 효과적으로 작동하려면 이벤트 매개변수의 returnValue 필드를 false로 설정해야 할 수도 있습니다.

위 내용은 JavaScript 양식 제출을 안정적으로 중지하고 뒤로 탐색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!