Html et javascript
AMARI
-
Profil bloqué -
Profil bloqué -
Bonjour,
j'ai une page index.php dans laquelle il y a une partie html (formulaire) et pour la vérification de ma formulaire je l'ai fait en javascript dans la même page index le code fonctionne bien après j'ai mis mon code javascript dans un fichier js ,quelqu'un peut m'aider pour appeler le fichier verif.js dans la page index j'ai essayé mais ça marche pas (la vérification de formulaire). merci
voilà le code source
index.php
<?php
require_once('dbconnect.php');
?>
<html>
<head>
<script type="text/javascript" src="verif.js"></script>
</head>
<form method="post" name="formulaire">
<table width="350" border="0" align="center" cellpadding="5" cellspacing="0" bgcolor="#eeeeee" class="tableaux">
<tr>
<td width="40">Login</td>
<td width="144"><input name="login" type="text" id="login"></td>
</tr>
<tr>
<td>Mot de passe <br><span class="small">(6 caractères min.)</span></td>
<td><input name="pass" type="password" id="pass"></td>
</tr>
<tr>
<td>Répéter mot de passe<span class="small">(vérification)</span> </td>
<td><input name="pass2" type="password" id="pass2"></td>
</tr>
<tr>
<td>NOM</td>
<td><input name="nom" type="text" id="nom"></td>
</tr>
<tr>
<td>Prénom</td>
<td><input name="prenom" type="text" id="prenom"></td>
</tr>
<tr>
<td>Email</td>
<td><input name="mail" type="text" id="mail"></td>
</tr>
<tr>
<td>Pays</td>
<td><select name="Pays" id="Pays" >
<option value="Choisir un pays" onchange="submit()">Choisir un pays...</option>
<?php
$sql= $db->query("SELECT code, fr FROM table_pays ORDER BY fr");
while($data = mysqli_fetch_array($sql)){
echo '<option value="' . $data['code'] . '">' . $data['fr'] . '</option>';
}
?>
</select></td>
</tr>
<tr>
<td height="50" colspan="2"><div align="center">
<input input type="button" name="envoi" value="envoi!" onClick="verifForm(this.form)">
</div></td>
</tr>
</table>
</form>
</body>
</html>
page verif.js
<SCRIPT language="javascript">
function verifForm(formulaire) {
if (document.formulaire.pass.value == document.formulaire.pass2.value)
{if ((document.formulaire.login.value == "") ||(document.formulaire.pass.value == "") ||(document.formulaire.nom.value == "") || (document.formulaire.prenom.value == "") || (document.formulaire.mail.value == "") || (document.formulaire.mail.value == ""))
{alert('Veuillez remplir tout les champs! Merci.');}
else { adresse = formulaire.mail.value;
var place = adresse.indexOf("@",1);
var point = adresse.indexOf(".",place+1);
if ((place > -1)&&(adresse.length >2)&&(point > 1))
{
formulaire.submit();
return(true);
}
else
{
alert('Entrez une adresse e-mail valide! Merci.');
return(false);
}
}}
else
{alert('Veuillez re-saisir votre mot de passe ! Merci.');}}
</SCRIPT>
j'ai une page index.php dans laquelle il y a une partie html (formulaire) et pour la vérification de ma formulaire je l'ai fait en javascript dans la même page index le code fonctionne bien après j'ai mis mon code javascript dans un fichier js ,quelqu'un peut m'aider pour appeler le fichier verif.js dans la page index j'ai essayé mais ça marche pas (la vérification de formulaire). merci
voilà le code source
index.php
<?php
require_once('dbconnect.php');
?>
<html>
<head>
<script type="text/javascript" src="verif.js"></script>
</head>
<form method="post" name="formulaire">
<table width="350" border="0" align="center" cellpadding="5" cellspacing="0" bgcolor="#eeeeee" class="tableaux">
<tr>
<td width="40">Login</td>
<td width="144"><input name="login" type="text" id="login"></td>
</tr>
<tr>
<td>Mot de passe <br><span class="small">(6 caractères min.)</span></td>
<td><input name="pass" type="password" id="pass"></td>
</tr>
<tr>
<td>Répéter mot de passe<span class="small">(vérification)</span> </td>
<td><input name="pass2" type="password" id="pass2"></td>
</tr>
<tr>
<td>NOM</td>
<td><input name="nom" type="text" id="nom"></td>
</tr>
<tr>
<td>Prénom</td>
<td><input name="prenom" type="text" id="prenom"></td>
</tr>
<tr>
<td>Email</td>
<td><input name="mail" type="text" id="mail"></td>
</tr>
<tr>
<td>Pays</td>
<td><select name="Pays" id="Pays" >
<option value="Choisir un pays" onchange="submit()">Choisir un pays...</option>
<?php
$sql= $db->query("SELECT code, fr FROM table_pays ORDER BY fr");
while($data = mysqli_fetch_array($sql)){
echo '<option value="' . $data['code'] . '">' . $data['fr'] . '</option>';
}
?>
</select></td>
</tr>
<tr>
<td height="50" colspan="2"><div align="center">
<input input type="button" name="envoi" value="envoi!" onClick="verifForm(this.form)">
</div></td>
</tr>
</table>
</form>
</body>
</html>
page verif.js
<SCRIPT language="javascript">
function verifForm(formulaire) {
if (document.formulaire.pass.value == document.formulaire.pass2.value)
{if ((document.formulaire.login.value == "") ||(document.formulaire.pass.value == "") ||(document.formulaire.nom.value == "") || (document.formulaire.prenom.value == "") || (document.formulaire.mail.value == "") || (document.formulaire.mail.value == ""))
{alert('Veuillez remplir tout les champs! Merci.');}
else { adresse = formulaire.mail.value;
var place = adresse.indexOf("@",1);
var point = adresse.indexOf(".",place+1);
if ((place > -1)&&(adresse.length >2)&&(point > 1))
{
formulaire.submit();
return(true);
}
else
{
alert('Entrez une adresse e-mail valide! Merci.');
return(false);
}
}}
else
{alert('Veuillez re-saisir votre mot de passe ! Merci.');}}
</SCRIPT>
A voir également:
- Html et javascript
- Editeur html - Télécharger - HTML
- Telecharger javascript - Télécharger - Langages
- Br html ✓ - Forum Webmastering
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi ✓ - Forum Javascript
13 réponses
salut ton fichier s'appelle bien verif.js en minuscules ?
est il dans le meme répertoire que ton fichier index ?
est il dans le meme répertoire que ton fichier index ?
salut,
oui mon fichier s'appelle verif.js et les deux fichier sont sous le même répertoire mais j'arriver pas à vérifier la formulaire :(
oui mon fichier s'appelle verif.js et les deux fichier sont sous le même répertoire mais j'arriver pas à vérifier la formulaire :(
non je travaille sur mon serveur locale je comprend pas pourquoi quand je met le code javascript dans la page index.php ça marceh et quand je le met dans la page verif.js rien ne marche comme verification :(
quand tu affiches ta page avec le navigateur, et que tu affiches le code source de la page
Est ce que le lien verif.js est "cliquable" ? ou est ce qu'il pointe vers un lien mort ?
Est ce que le lien verif.js est "cliquable" ? ou est ce qu'il pointe vers un lien mort ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
il m'affiche le formulaire et quand je clique sur le bouton envoi et le formulaire il n'affiche aucun message d'erreur et pour le lien vers la page verif.js j'ai fait onClick dans lequel j'ai appelé la fonction qui se trouve dans la page verif.js , j'ai sais pas si tu as essayé de tester le code sur ton pc pour tu peux analyser mieux le problème merci
j'ai pas mis un lien vers le fichier verif.js
j'ai l'inclut <script type='text/javascript' src= 'verif.js' language="JavaScript"></script>
après j'utiliser le onClick pour appeler la fonction verifForm()
<input input type="submit" name="envoi" value="envoi!" onClick="verifForm(this.form)"/>
j'ai l'inclut <script type='text/javascript' src= 'verif.js' language="JavaScript"></script>
après j'utiliser le onClick pour appeler la fonction verifForm()
<input input type="submit" name="envoi" value="envoi!" onClick="verifForm(this.form)"/>
j'ai compris
situ affiches code source de la page
puis tu cliques sur verif.js
à ce niveau <script type='text/javascript' src= 'verif.js' language="JavaScript"></script>
ca fait quoi???
situ affiches code source de la page
puis tu cliques sur verif.js
à ce niveau <script type='text/javascript' src= 'verif.js' language="JavaScript"></script>
ca fait quoi???
il fait rien , le code de la partie vérification ne fonctionne pas, juste il m'affiche la formulaire , normalement si je clique sur envoi et la formulaire vide ou l'un des champs n'était pas correctement saisie il va m'afficher un message d'erreur qui est codé dans la page verif.js , et comme il fait rien juste il affiche la formulaire je pense que la page index.php elle a pas pu accéder à la page verif.js pourquoi je sais pas :( :( :( et je sais pas quoi faire
par contre quand j'ai mi tout le code dans seule page index.php la vérification de formulaire fonctionne
excuse moi je ai pas compris tu veux quoi dire avec afficher le code source et cliquer sur <script type='text/javascript' src= 'verif.js' language="JavaScript"></script>
merci pour ton explication , j'ai cliqué il m'afficher le même code que se trouve dans ma page verif.js , c'est à dire quoi ça ????
