j'ai un souci avec un formulaire j'ai ecris une fonction javasript dans une page dont l'extention est .PHP mais une fois que je met l'extention php tous mon code javasccript ne fonctionne plus
<?php
$pdo= new PDO('mysql:dbname=inovdb;host=localhost','root','');
$pdo->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
$erreur="";
if (isset($_POST['valider'])) {
$erreur="";
$NOM=$_POST['nom'];
$PRENOM=$_POST['prenom'];
$ADRESSE=$_POST['adresse'];
$DATE=$_POST['date'];
$EMAIL=$_POST['email'];
@$DOMAINE=$_POST['domaine'];
if (empty($NOM) OR empty($PRENOM) OR empty($ADRESSE) OR empty($DATE) OR empty($EMAIL) OR empty($DOMAINE)) {
echo "ces zones sont vides";
if (empty($NOM))$erreur.="<li>le nom</li>";
if (empty($PRENOM))$erreur.="<li>le prenom</li>";
if (empty($ADRESSE))$erreur.="<li>l'adresse</li>";
if (empty($DATE))$erreur.="<li>la date</li>";
if (empty($EMAIL))$erreur.="<li>l'email</li>";
if (empty($DOMAINE))$erreur.="<li>le domaine</li>";
}
else{
$req=$pdo->prepare("INSERT INTO stagiaire SET nom=?, prenom=?, adresse=?, date_naissance=?, email=?, domaine=?");
$req->execute([$NOM,$PRENOM,$ADRESSE,$DATE,$EMAIL,(implode("/", $DOMAINE))]);
header("location:truc.php");
}
}
?>
<?php if (!empty($erreur)) { ?>
<div id="erreur"><?=$erreur?></div>
<?php } ?>
<!DOCTYPE html>
<html>
<head>
<title>Inov_registration_futur_apprenants</title>
</head>
<link rel="stylesheet" href="boot/bootstrap.min.css">
<style type="text/css">
#erreur{
background-color: red;
}
form{
font-size: 25px;
}
.input_text{
display:block;
font-size: 20px;
margin: 20px 0px;
padding: 10px;
font-size: 23px;
font-family: times new roman;
font-style: italic;
width: 400px;
height: 25px;
background-size: 15px;
border-radius: 10px;
border-left: none;
border-right: none;
border-top: none;
}
.input_text:focus{
background-color: grey;
}
.input_text:hover{
border-color: black;
background-color: lightgrey;
}
.img1{
width: 100px;
height: 100px
}
input[type="checkbox"]{
height: 0px;
width: 0px;
opacity: 0px;
}
.input_check{
margin: 0;
margin-bottom: 0px;
padding: 0;
border: none;
outline: none;
}
.input_checkbox:hover{
background: lightgreen;
cursor: pointer;
}
.input_check:checked + .input_checkbox{
background: lightgreen;
stroke-dashoffset: 0px;
stroke-width: 4px;
}
.input_checkbox{
background: lightblue;
border: 0.5px solid lightgreen;
border-radius: 0.2em;
fill: none;
stroke: blue;
stroke-dashoffset: 25px;/*nombre de pixel de la forme sv a cacer*/
stroke-dasharray: 25px;/*nombre de pixel de la forme sv a afficer*/
stroke-linecap: round;/*forme des bords de la flece */
transition: background 0.6s, stroke-dashoffset 0.5s;
}
h1{
font-size: 100px;
font-weight: 5px;
color: turquoise;
}
input[type="submit"]:hover{
border-radius: 10px;
background-color: lightgreen;
transition: 0.5s ease;
cursor: pointer;
}
td{
padding-right: 15px;
}
img{
width: 50px;
height: 50px
}
</style>
<body class="btn-light text-center">
<center class="btn btn-secondary">
<form method="POST" class="btn btn-secondary" action="registration.php">
<input type="submit" name="retour" value="retour" onclick="back()" class="col-lg-3 btn btn-primary">
<input type="text" name="nom" id="nom" class="input_text" placeholder="votre nom ici ...." value="<?php echo @$NOM; ?>"><br>
<input type="text" name="prenom" id="prénom" class="input_text" placeholder="votre prenom ici...." value="<?php echo @$PRENOM; ?>"><br>
<input type="text" name="adresse" id="Adresse" class="input_text" placeholder="votre adresse ....." value="<?php echo @$ADRESSE; ?>"><br>
date de naissance<input type="date" name="date" id="Date" class="input_text" placeholder="votre date de naissance....." value="<?php echo @$DATE; ?>"><br>
<input type="email" name="email" id="E-mail" class="input_text" placeholder="votre adresse email...." value="<?php echo @$EMAIL; ?>"><br>
<table>
<caption>Domaine de formation</caption>
<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="programmation"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>programmation</td></tr></tr>
<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="Managment des entreprises"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>Managment des entreprises</td></tr>
<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="leadership"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>leadership</td></tr>
<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="Infographie"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>Infographie</td></tr>
<tr><td><label><input type="checkbox" name="domaine[]" class="input_check" value="gestion des données"><svg class="input_checkbox" width="25" height="25"><polyline points="20 6 9 17 4 12"></polyline></svg></label></td><td>Gestion des données</td></tr>
</table>
<input type="submit" name="valider" value="valider" class="col-lg-3 btn btn-primary">
</form></center>
<script type="text/javascript">
function back(){
history.back()
}
</script>
</body>
</html>
