Inserer du javascript dans une page PHP

Fermé
KDJB - 31 mai 2021 à 20:28
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 31 mai 2021 à 21:44
Bonjour,

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>

Merci d'avance
A voir également:

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
31 mai 2021 à 21:44
Bonjour,

Commence par remplacer le code
	<input type="submit" name="retour" value="retour" onclick="back()" class="col-lg-3 btn btn-primary">

par
	<input type="button" name="retour" value="retour" onclick="back()" class="col-lg-3 btn btn-primary">


pense aussi à vérifier dans la console de ton navigateur si il n'y a pas des erreurs Javascript.


PS: La prochaine fois... évite de créer plusieurs fois la même question sur le forum.
0