Comment JavaScript peut-il empêcher la soumission du formulaire et rediriger vers la page précédente en cas d'échec de validation ?

Empêcher la soumission de formulaire en JavaScript

Question :

Dans un scénario de validation de formulaire JavaScript, comment pouvez-vous empêcher la soumission de formulaire et revenir à la page précédente lorsqu'une certaine condition est rencontré ?

Réponse :

Il existe plusieurs approches pour résoudre ce problème :

Méthode 1 : Utilisation de PreventDefault() et d'une validation Fonction

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

Dans cette méthode, validateMyForm() doit renvoyer false si la validation échoue.

Méthode 2 : Renvoyer une valeur à partir de la fonction de validation

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

Dans ce script :

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

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

Méthode 3 : Définition de la propriété returnValue (nécessaire pour Chrome 27.0.1453.116 m)

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!