Forum d'inscrption en javascript

Fermé
jacky2580 Messages postés 7 Date d'inscription mardi 17 avril 2018 Statut Membre Dernière intervention 19 avril 2018 - 17 avril 2018 à 22:49
jacky2580 Messages postés 7 Date d'inscription mardi 17 avril 2018 Statut Membre Dernière intervention 19 avril 2018 - 17 avril 2018 à 23:38
Bonjour
j'aimerais créer une page d'inscription en js tout simple.
Donc utilisateur rentre son nom et deux fois sont mot de passe si tout passe bien il pourra aller vers une autre page.Si non on affiche un texte à cote de ce qu'il n'a pas été bien rempli (exemple les 2 mots de passes non idnetiques et un nom trop court moins de 2 lettres).
Ps: je débute en javascript donc je veux quelques choses de simple pour moi .
merci beaucoup

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
Modifié le 17 avril 2018 à 22:59
Bonjour
JavaScript seul ne suffira pas.
Si tu dois gérer ine inscription.... Tu dois mémoriser les infos quelque-part
.. comme dans une bdd par exemple.
Tu dois donc utiliser un langage serveur tel que le php.
Regarde donc cette discussion
https://forums.commentcamarche.net/forum/affich-35314416-formulaire-de-connexion-html

.

0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
17 avril 2018 à 23:10
Donc.. en réponse à ton commentaire : https://forums.commentcamarche.net/forum/affich-35314416-formulaire-de-connexion-html#4

Oui et ??

Tu veux te servir de javascript pour vérifier si les infos sont bonnes ou non...
Tu veux dire quoi ? T'assurer que l'utilisateur a correctement entré deux fois ces password ?? Dans ce cas les liens données dans la discussion que je t'ai invité à regarder peux servir à ça.....

Je te remet les infos ici :
Comment mettre du JS dans ta page html
https://www.alsacreations.com/astuce/lire/80-comment-intgrer-du-code-javascript-dans-une-page.html

Récupérer les éléments de tes champs
https://www.w3schools.com/jsref/met_document_getelementbyid.asp
NB : faudra mettre des ID à tes champs par exemple
<input id='login'>
<script type='text/javascript'>
 var login = document.getElementById('login').value;
alert(login);
</script>


Comparer des chaines de caractères
https://www.w3schools.com/jsref/jsref_localecompare.asp

Faire une condition (IF ELSE )
https://www.w3schools.com/js/js_if_else.asp

Faire une redirection :
https://developer.mozilla.org/fr/docs/Web/API/window/location
0
jacky2580 Messages postés 7 Date d'inscription mardi 17 avril 2018 Statut Membre Dernière intervention 19 avril 2018
17 avril 2018 à 23:36
merci beaucoup pour votre aide est que ce code vous semble correct je viens tout juste de le terminer ?

<html>
<head>
<title>Inscription</title>
<script type="text/javascript">

function verif()
{
if(document.formulaire.nom.value == "") {
alert("Veuillez entrer votre nom!");
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.mdp.value == "") {
alert("Veuillez entrer votre mot de passe!");
document.formulaire.mdp.focus();
return false;
}
// copier sur le net !
if(document.formulaire.courriel.value == "") {
alert("Veuillez mettre votre mail !");
document.formulaire.courriel.focus();
return false;
}
if(document.formulaire.courriel.value.indexOf('@') == -1) {
alert("Veuillez mettre l'@!");
document.formulaire.courriel.focus();
return false;
}
if (document.formulaire.age.value == "" ||document.formulaire.age.value <= 11 || document.formulaire.age.value >=95)
{
alert("l'âge doit être un nombre entier compris entre 12 et 95 ans !");
document.formulaire.age.focus();
}return false;
}

</script>
<meta charset="utf-8">
</head>
<body bgcolor="black" text="white">
<meta charset="utf-8">

<h1>formulaire</h1>
<p>Les champs avec sont obligatoires</p>
<form name="formulaire" action="site.php"method="post" onSubmit="return verif()">
<pre>
<B>
<i>
Nom: <input type="text" size="50" name="nom">
Mot de Passe: <input type="password" size="50" name="mdp" > <form>
Courriel: <input type="text" size="40" name="courriel">

Âge: <input type="text" size="40" name="age">

<input type="submit" value="Envoyer"><input type="reset" value="Tout enlever">

Vous accpetez notre conditon général en vous incrivant !
</B>
</pre>
</i>
</form>
<!---<p class="cookies"> Pour une meilleure expérience nous utilsions des cookies !<input type ="submit" value="ok"></p> -->
</body>
</html>
0
jacky2580 Messages postés 7 Date d'inscription mardi 17 avril 2018 Statut Membre Dernière intervention 19 avril 2018
17 avril 2018 à 23:38
j'ai oublié de rajouter mais si cela est correct il faut que je fasse le PHP maintenatant.
0