Voici la partie HTML:
<script type="text/javascript">
const name = document.getElementById("name");
const email= document.getElementById("email");
const password=document.getElementById("password");
const cpassword=document.getElementById("password_confirmation");
const number=document.getElementById("phone");
const form = document.getElementById("border");
const errorElement = document.getElementById("error");
form.addEventListener("Submit",(e) => {
let messages=[]
if(name.value=='' || name.value==null)
{
messages.push("Name is required");
}
if(password.value.length < 6)
{
messages.push("Password must be longer than 6 characters");
}
if(messages.length > 0)
{
e.preventDefault();
errorElement.innerText=messages.join(',');
}
})
</script>
3 Réponses :
Vous utilisez getElementyID () mais il n'y a pas d'identifiant dans votre HTML. Vous devez ajouter un ID à chaque entrée.Exemple: et vous n'avez pas besoin de la DIV vide
Puisque JavaScript est sensible à la casse, le «S» de Soumettre à AddeventListner devrait être minuscule. Par conséquent, le code sera -
form.addEventListner('submit', function(){...});
Le plus de problèmes de votre code sont déjà mentionnés d'un autre commentateur. Mais voici la solution de travail.
D'abord, vos entrées ont besoin d'identifiaires: p> second: Votre bouton doit être un bouton d'envoi: p> const submitBtn = document.getElementById("submit-btn");
submitBtn.addEventListener("click",(e) => {
...
})
Êtes-vous sûr que le gestionnaire d'événements est appelé? (essayez une alerte () appelez à voir); Au fait, l'événement devrait être écrit avec un capital dans votre AddeventListener (devrait être "Soumettre")
Votre formulaire n'est jamais soumis car votre bouton n'est pas
type = "Soumettre" .