Appeler une page javascript
AMARI
-
AMARI -
AMARI -
Bonjour,
j'ai une page index en php ; contient une partie html "Formulaire" , je fais la vérification de formulaire en javascript dans la même page "haut de la page" et le code ça fonction , après j'ai mis le code en javascript dans une page verif.js mais je sais pas comment je peux faire pour l'appeler dans la page index
voilà le code source:
page index:
<?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>
quelqu'un peux m'aider merci
j'ai une page index en php ; contient une partie html "Formulaire" , je fais la vérification de formulaire en javascript dans la même page "haut de la page" et le code ça fonction , après j'ai mis le code en javascript dans une page verif.js mais je sais pas comment je peux faire pour l'appeler dans la page index
voilà le code source:
page index:
<?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>
quelqu'un peux m'aider merci
A voir également:
- Appeler une page javascript
- Supprimer une page word - Guide
- Appeler en privé - Guide
- Imprimer tableau excel sur une page - Guide
- Créer une page facebook - Guide
- Comment traduire une page - Guide
2 réponses
salut,
dans ta page verif.js il na faut pas mettre les balises <script.....
l'appelk de la page js est correct dans le head
par contre comme tu as mis dans la liste <select onchange=submit() le formulaire est envoyé sans faire appel au script js verif_form
il vaut mieux procéder ainsi:
dans ta page verif.js il na faut pas mettre les balises <script.....
l'appelk de la page js est correct dans le head
par contre comme tu as mis dans la liste <select onchange=submit() le formulaire est envoyé sans faire appel au script js verif_form
il vaut mieux procéder ainsi:
<?php
require_once('dbconnect.php');
?>
<html>
<head>
<script type="text/javascript" src="verif.js"></script>
</head>
<form method="post" name="formulaire" onsubmit="verifForm(this.form);">
<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" >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="submit" name="envoi" value="envoi!" >
</div></td>
</tr>
</table>
</form>
</body>
</html>