Maison >interface Web >js tutoriel >Comment JavaScript peut-il empêcher la soumission du formulaire et rediriger vers la page précédente en cas d'échec de validation ?
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!