Vérification de formulaire

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
sweap
Messages : 1
Enregistré le : 26 avr. 2021, 16:24

Vérification de formulaire

Message par sweap » 26 avr. 2021, 16:28

Bonjour je débute en javascripte et ne trouve pas ou est le problème dans mon code :/
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css">
<script type='text/javascript' src="./script.js"> </script>
</head>
<body>
<br><br><br><br>
<h1 title="ceci est un titre">Inscription à la bêta du projet Jump</h1>
<form action='validation.html' onSubmit="return valider()" method="get" name='formulaire'>
<br><br>
<fieldset>
<legend>Information du profil:</legend>
Nom:<br>
<input type="text" name="Nom" id="Nom">
<br>
Prénom:<br>
<input type="text" name="Prenom" id="Prenom">
<br>
Numéro de téléphonne:<br>
<input type="tel" name="Numero" id="Numero">
<br>
Email:<br>
<input type="text" name="Mail" id="Mail">
<br>
Les Motivations:<br>
<input type="textarea" name="Motiv" id="Motiv">
<br>
Le CV:<br>
<input type="file" name="CV" id="CV">
<br>
Mot de passe:<br>
<input type="password" name="Mdp" id="Mdp">
<br>
Condition d'utilisation : <input type="checkbox"
name="condition">
<br><br>
<input type="submit" value="Soumettre">
</fieldset>
</form>
</body>
</html>
Javascript:
<script type="text/javascript">
function valider(){
}
if (document.formulaire.Nom.value!= ""){
alert('Veuillez rentrer un nom <br>');
return false;
}
if (document.formulaire.Nom.value= ""){
return true;
}
if (document.formulaire.Prenom.value!= ""){
alert('Veuillez rentrer un prenom <br>');
return false;
}
if (document.formulaire.Prenom.value= ""){
return true;

if (document.formulaire.Numero.value.length!=10){
alert('Veuillez rentrer un Numéro correct <br>');
return false;
}
if (document.formulaire.Numero.valuelenght=10){
return true;
}
if (document.formulaire.Mail.value!= ""){
alert('Veuillez rentrer un Email <br>');
return false;
}
if (document.formulaire.Mail.value= ""){
return true;
}
if (document.formulaire.Motiv.value!= ""){
alert('Veuillez rentrer vos motivations <br>');
return false;
}
if (document.formulaire.Motiv.value= ""){
return true;
}
if (document.formulaire.Mdp.value!= ""){
alert('Veuillez rentrer un Mot de passe <br>');
return false;
}
if (document.formulaire.Mdp.value= ""){
return true;}
}
Css:
#diverror{
background-color:rgb(255,127,127);
color:red;
font-weight:bold;
font-style:italic;
border:red 3px dashed;
display:none
}
h1 {
color:white;
text-align:center;
font-family:Times New Roman;
font-size: 40px;
}
body {
color:white;
background-color:white;
background-image:url(images/galaxy.jpg);
background-repeat:no-repeat;
background-size: cover;
}
htlm 2:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css">
<script type='text/javascript' src="./script.js"> </script>
</head>
<body>
<h1 title="ceci est un titre">Formulaire basique</h1>
<h2>Le formulaire a bien été validé.</h2>
</body>
</html>

Voila Merci à ceux qui prendrons le temps de m'aider :)

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Vérification de formulaire

Message par webmaster » 28 avr. 2021, 13:47

Bonjour

A première vue, la ligne <script type="text/javascript"> dans script.js pose probleme
Il n'y a pas de balise dans un .js

En regardant la console, on voit facilement les erreurs :
https://www.toutjavascript.com/savoir/n ... script.php
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre