11521 sujets

JavaScript, DOM et API Web HTML5

Formulaire en javascript

Bonjour j'essaye de crée un formulaire en html a l'aide du javascript mais je bloque j'ai crée mes variables etc mais rien ne marche Smiley ohwell

Code en javascript :

function Valider(){
// Conditions du pseudo
var login = /^.{4,}$/; // login doit avoir au moins 4 caractères
// recuperation du pseudo
var loginsaisi = document.myform.textpseudo.value;
// Conditions du mot de passe
var pwd = /^[A-Za-z0-9].{8,}$/;
// recuperation du mot de passe
var pwdsaisi = document.myform.textpwd.value;
// recuperation du choix du sexe
var sex = document.getElementsByName('sexe');
// recuperation du pays
var country = document.getElementById('pays');
// Condition du Nom
var Nom=/^[a-zA-Z].{1,2}$/;
// recuperation du Nom
var Nomsaisi= document.myform.textnom.value;
// Condition du Prénom
var Prenom=/^[a-zA-Z].{1,}$/;
// recuperation du Prénom
var Prenomsaisi= document.myform.textPrénom.value;
// Condition de l'age
Var Age=/^[0-9].{0,1}$/;
// recuperation de l'age
var Agesaisi= document.myform.numberAge.value;
// Condition sur l'Email
var Email=/^[a-zA-Z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$/;
// recuperation de l'Email
var Emailsaisi= document.myform.textEmail.value;
// TESTS pour les messages affichés
if(!sex[0].checked && !sex[1].checked)
{
alert('saisir le sexe');
}
if(!loginsaisi.match(login))
{
alert('pseudo incorrect : au moins 4 lettres');
}
if(country.options[country.selectedIndex].value=='none')
{
alert('choisir un pays');
}
if(!Nomsaisi.match(Nom))
{
alert('Nom incorrect !');
}
if(!Prenomsaisi.match(Prenom))
{
alert('Prénom incorrect !');
}
if(!Agesaisi.match(Age))
{
alert('Age incorrect');
}
if(!Emailsaisi.match(Email))
{
alert('Email incorrect');
}
alert('formulaire bien saisi');
}


Code en HTML :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>TP formulaire</title>
<link rel='stylesheet' href='style.css' type='text/css' />
</head>
<body>
<h2>Informations requises</h2>

<form name="myform" action="#">
<p>
<span class="form_col">Sexe : </span>
<span><input name="sexe" type="radio" value="H" required/>Homme</span>
<span><input name="sexe" type="radio" value="F" required/>Femme</span>
</p><p>
<span class="form_col">Nom : </span>
<input type="text" name="textnom" value="" placeholder="Entrez votre Nom" required />
</p><p>
<span class="form_col">Prénom : </span>
<input type="text" name="textPrénom" value="" placeholder="Entrez votre Prénom" required />
</p><p>
<span class="form_col">Pseudo : </span>
<input type="text" minlength="4" name="textpseudo" value="" placeholder="Entrez un pseudo" required />
<span class="aide"> (minimum 4 caractères)</span>
</p><p>
<span class="form_col">Age : </span>
<input type="number" name="numberAge" value="" placeholder="Entrez votre Age" required />
</p><p>
<span class="form_col">Niveau : </span>
<span><input name="niveau" type="radio" value="S" required/>Seconde</span>
<span><input name="niveau" type="radio" value="P" required/>Première</span>
<span><input name="niveau" type="radio" value="T" required/>Terminale</span>
</p><p>
<span class="form_col">Email : </span>
<input type="text" name="textEmail" value="" placeholder="Entrez votre Email" required />
</p><p>
<span class="form_col">Mot de passe : </span>
<input type='text' name='textpwd' value="" placeholder="Entrez un mot de passe" required />
<span class="aide"> (Minimum 8 caractères, au moins un Chiffre, une Majuscule et un caractère spécial)</span>
</form>
</div>
</div>
</p><p>
<span class="form_col">Sélectionnez votre pays de résidence</span>
<select id="pays" required >
<option value="none">--</option>
<option value="fr">France</option>
<option value="fr">Etats-Unis</option>
<option value="fr">Canada</option>
<option value="fr">Royaume-Unis</option>
<option value="fr">Allemagne</option>
<option value="fr">Italie</option>
<option value="fr">Belgique</option>
<option value="fr">Chine</option>
</select>
</p> <p>
<span class="form_col">Adresse : </span>
<input type="text" name="textadresse" value="" placeholder="Entrez votre Adresse" />
</p> <p>
<span class="form_col">Code Postal : </span>
<input type="text" name="textcp" value="" placeholder="Entrez votre Code Postal" />
</p> <p>
<span class="form_col">Commune : </span>
<input type="text" name="textcommune" value="" placeholder="Entrez votre Commune" />
</p> <p>
<span class="form_col"></span>
<input name="news" type="checkbox" /> J'accepte les conditions générales d'utilisation.
</p> <p>
<span class="form_col"></span>
<input name="news" type="checkbox" /> Je désire recevoir la newsletter chaque mois.
</p><p>
<span class="form_col"></span>
<input type="submit" name="submit" value="Envoyer" onclick="Valider()"/>
</p>
</form>

<!-- fichier javascript pour le formulaire -->
<script src="TPformulaire.js"></script>

</body>
</html>
Modérateur
bonjour et bienvenue,

peux tu stp rééditer ton post et utiliser le bbcode mis à ta disposition afin que ton code soit lu plus facilement ? (parce que là avec ce pavé, c'est quasiment illisible)
ouaip désolé du pavé je savait pas comment faire mais problème mon programme est dans ma clé USB que j'ai totalement oublié au lycée Smiley ohwell
Salut

J'ai pas compris ton problème.

Ton formulaire HTML et la. t'es controle js sont là ? quel est le problème ??

PS :
Regarde dans ta console navigateur pour voir les erreurs lié au JAVASCRIPT (en plus elle sont HYPER EXPLICITE)
Modifié par JENCAL (13 Feb 2020 - 10:13)
Bonjour, l'idéal pour qu'on puisse t'aider ce serait de publier le code en ligne, ou d'utiliser un site de partage/débuggage en ligne type codepen, çà sera bien plus lisible et l'analyse sera bien plus rapide

là on ne peut pas t'aider des masses, il peut par exemple y avoir un problème de chargement du Javascript ou autre, on ne le verra pas sur la seule base d'une copie de code
Sujet clos
Aller à