Script Javascript qui ne s'exécute pas ?
Zero
-
vincebzh Messages postés 144 Statut Contributeur -
vincebzh Messages postés 144 Statut Contributeur -
Bonsoir à tous.
Je viens de coder une fonction de vérification d'un formulaire avec Jquery qui doit s'exécuter quand on appuie sur le bouton de validation !
$(function(){
$("#envoyer").click(function(){
valid = true;
if($("#pseudo").val() == ""){
$("#pseudo").next(".error-input").fadeIn().text("Veuillez entrer votre nom");
valid = false;
}
else if(!$("#pseudo").val().match(/^[a-z0-9A-Z._-]+$/)) {
$("#pseudo").next(".input").fadeIn().text("Le pseudo n'est pas au format valide");
valid = false;
}
else
{
$("#pseudo").next(".error-input").fadeOut();
}
if($("#password").val() == ""){
$("#password").next(".error-input").fadeIn().text("Veuillez entrer votre mot de passe");
valid = false;
}
else
{
$("#password").next(".error-input").fadeOut();
}
return valid;
});
});
Seulement,
Rien ne se passe alors que ça devrait, ma fonction à l'air juste !
Quand j'envois mon formulaire, la fonction PHP qui est derrière se charge de la vérification alors que ça devrait passer par le JS d'abord !
Quelle boulette ai-je encore fait ?
Merci !
Je viens de coder une fonction de vérification d'un formulaire avec Jquery qui doit s'exécuter quand on appuie sur le bouton de validation !
$(function(){
$("#envoyer").click(function(){
valid = true;
if($("#pseudo").val() == ""){
$("#pseudo").next(".error-input").fadeIn().text("Veuillez entrer votre nom");
valid = false;
}
else if(!$("#pseudo").val().match(/^[a-z0-9A-Z._-]+$/)) {
$("#pseudo").next(".input").fadeIn().text("Le pseudo n'est pas au format valide");
valid = false;
}
else
{
$("#pseudo").next(".error-input").fadeOut();
}
if($("#password").val() == ""){
$("#password").next(".error-input").fadeIn().text("Veuillez entrer votre mot de passe");
valid = false;
}
else
{
$("#password").next(".error-input").fadeOut();
}
return valid;
});
});
Seulement,
Rien ne se passe alors que ça devrait, ma fonction à l'air juste !
Quand j'envois mon formulaire, la fonction PHP qui est derrière se charge de la vérification alors que ça devrait passer par le JS d'abord !
Quelle boulette ai-je encore fait ?
Merci !
A voir également:
- Script Javascript qui ne s'exécute pas ?
- Script vidéo youtube - Guide
- Ghost script - Télécharger - Polices de caractères
- Mas script - Accueil - Windows
- Telecharger javascript - Télécharger - Langages
- Script cmd - Guide
3 réponses
Salut.
Au lieu de mettre un évènement "click" sur le bouton, essaye de mettre un évènement "submit" sur le formulaire.
Si tu peux mettre aussi le code du formulaire, ce serais plus simple de t'aider.
Au lieu de mettre un évènement "click" sur le bouton, essaye de mettre un évènement "submit" sur le formulaire.
Si tu peux mettre aussi le code du formulaire, ce serais plus simple de t'aider.
Bonsoir.
Le submit n'a rien changé !
Voici le code HTML basique :
<div id="contenu">
<p>Inscription</p>
<script type="text/javascript" src="js/inscription.js"></script>
<form method="post" action="index.php?page=validation-inscription" id="inscription">
<label for='pseudo'>Pseudo : </label><input type='text' name='pseudo' id='pseudo' size='' maxlength=''><div class="error-input">Erreur</div><br><br>
<label for='password'>Mot de passe : </label><input type='password' name='password' id='password' size='' maxlength=''><div class="error-input">Erreur</div><br><br>
<label for='confirmation'>Confirmation du mot de passe : </label><input type='password' name='confirmation' id='confirmation' size='' maxlength=''><div class="error-input"></div><br><br>
<input type='submit' value='Inscrivez-vous' id='envoyer'/></form>
</div>
Le submit n'a rien changé !
Voici le code HTML basique :
<div id="contenu">
<p>Inscription</p>
<script type="text/javascript" src="js/inscription.js"></script>
<form method="post" action="index.php?page=validation-inscription" id="inscription">
<label for='pseudo'>Pseudo : </label><input type='text' name='pseudo' id='pseudo' size='' maxlength=''><div class="error-input">Erreur</div><br><br>
<label for='password'>Mot de passe : </label><input type='password' name='password' id='password' size='' maxlength=''><div class="error-input">Erreur</div><br><br>
<label for='confirmation'>Confirmation du mot de passe : </label><input type='password' name='confirmation' id='confirmation' size='' maxlength=''><div class="error-input"></div><br><br>
<input type='submit' value='Inscrivez-vous' id='envoyer'/></form>
</div>