Javascript bloque formulmaire php

Fermé
ruben06 - 26 mars 2010 à 18:35
 ruben06 - 28 mars 2010 à 00:11


Salut a tous,
Je suis en train de réaliser un formulaire en PHP avec MySql et j'ai rajouter un calendrier interactif en javascript (que j'ai piqué ;) .
Mon formulaire fonctionne tres bien jusqu'au moment ou il rencontre le code javasript (qui est au milieu du formulaire au niveau de la zone de texte 'date de naissance') qui a pour effet que ma base de donnée ne se rempli pas (je n'ai aucune ereur a l'écran)
ps: si j'enleve le champ date de naissance le formulaire fonctionne.
le code est tres long donc je le met sur demande.
Merci d'avance
A voir également:

5 réponses

up!!
0
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
27 mars 2010 à 22:19
Salut, tu n'as aucune erreur sur la page mais retourne tu bien les erreurs de mysql? car apparement ça vient d'une erreurs sur la requette. sur l'envoie du formulaire fais au moins un echo de la requette, puis essaye de l'executer direct dans mysql.
0
J'ai deja fais l'echo cela affiche bien le contenu de ma zone. Mais de toute facon si ma requette fonctionne lorsque le code javascript n'est pas la c'est qu'elle est bonne :s
0
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
27 mars 2010 à 23:27
bon, ben alors poste ton code, mais je ne te garantie rien!!
0
voici le code HTML/js:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Formulaire</title>
       
              <!-- debut du champ "date" en js et html -->
	      
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       	   <link rel="stylesheet" media="screen" type="text/css" title="CSS.CSS" href="CSS.CSS" />
   <table class="ds_box" cellpadding="0" cellspacing="0" id="ds_conclass" style="display: none;">
<tr><td id="ds_calclass">
</td></tr>
</table>


<script type="text/javascript">
// <!-- <![CDATA[

// Set the initial date.
var ds_i_date = new Date();
ds_c_month = ds_i_date.getMonth() + 1;
ds_c_year = ds_i_date.getFullYear();

// Get Element By Id
function ds_getel(id) {
	return document.getElementById(id);
}

// Get the left and the top of the element.
function ds_getleft(el) {
	var tmp = el.offsetLeft;
	el = el.offsetParent
	while(el) {
		tmp += el.offsetLeft;
		el = el.offsetParent;
	}
	return tmp;
}
function ds_gettop(el) {
	var tmp = el.offsetTop;
	el = el.offsetParent
	while(el) {
		tmp += el.offsetTop;
		el = el.offsetParent;
	}
	return tmp;
}

// Output Element
var ds_oe = ds_getel('ds_calclass');
// Container
var ds_ce = ds_getel('ds_conclass');

// Output Buffering
var ds_ob = ''; 
function ds_ob_clean() {
	ds_ob = '';
}
function ds_ob_flush() {
	ds_oe.innerHTML = ds_ob;
	ds_ob_clean();
}
function ds_echo(t) {
	ds_ob += t;
}

var ds_element; // Text Element...

var ds_monthnames = [
'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre', 'Décembre'
]; // You can translate it for your language.

var ds_daynames = [
'Dim', 'Lun', 'Mar', 'Me', 'Jeu', 'Ven', 'Sam'
]; // You can translate it for your language.

// Calendar template
function ds_template_main_above(t) {
	return '<table cellpadding="3" cellspacing="1" class="ds_tbl">'
	     + '<tr>'
		 + '<td class="ds_head" style="cursor: pointer" onclick="ds_py();"><<</td>'
		 + '<td class="ds_head" style="cursor: pointer" onclick="ds_pm();"><</td>'
		 + '<td class="ds_head" style="cursor: pointer" onclick="ds_hi();" colspan="3">[Fermer]</td>'
		 + '<td class="ds_head" style="cursor: pointer" onclick="ds_nm();">></td>'
		 + '<td class="ds_head" style="cursor: pointer" onclick="ds_ny();">>></td>'
		 + '</tr>'
	     + '<tr>'
		 + '<td colspan="7" class="ds_head">' + t + '</td>'
		 + '</tr>'
		 + '<tr>';
}

function ds_template_day_row(t) {
	return '<td class="ds_subhead">' + t + '</td>';
	// Define width in CSS, XHTML 1.0 Strict doesn't have width property for it.
}

function ds_template_new_week() {
	return '</tr><tr>';
}

function ds_template_blank_cell(colspan) {
	return '<td colspan="' + colspan + '"></td>'
}

function ds_template_day(d, m, y) {
	return '<td class="ds_cell" onclick="ds_onclick(' + d + ',' + m + ',' + y + ')">' + d + '</td>';
	// Define width the day row.
}

function ds_template_main_below() {
	return '</tr>'
	     + '</table>';
}

// This one draws calendar...
function ds_draw_calendar(m, y) {
	// First clean the output buffer.
	ds_ob_clean();
	// Here we go, do the header
	ds_echo (ds_template_main_above(ds_monthnames[m - 1] + ' ' + y));
	for (i = 0; i < 7; i ++) {
		ds_echo (ds_template_day_row(ds_daynames[i]));
	}
	// Make a date object.
	var ds_dc_date = new Date();
	ds_dc_date.setMonth(m - 1);
	ds_dc_date.setFullYear(y);
	ds_dc_date.setDate(1);
	if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12) {
		days = 31;
	} else if (m == 4 || m == 6 || m == 9 || m == 11) {
		days = 30;
	} else {
		days = (y % 4 == 0) ? 29 : 28;
	}
	var first_day = ds_dc_date.getDay();
	var first_loop = 1;
	// Start the first week
	ds_echo (ds_template_new_week());
	// If sunday is not the first day of the month, make a blank cell...
	if (first_day != 0) {
		ds_echo (ds_template_blank_cell(first_day));
	}
	var j = first_day;
	for (i = 0; i < days; i ++) {
		// Today is sunday, make a new week.
		// If this sunday is the first day of the month,
		// we've made a new row for you already.
		if (j == 0 && !first_loop) {
			// New week!!
			ds_echo (ds_template_new_week());
		}
		// Make a row of that day!
		ds_echo (ds_template_day(i + 1, m, y));
		// This is not first loop anymore...
		first_loop = 0;
		// What is the next day?
		j ++;
		j %= 7;
	}
	// Do the footer
	ds_echo (ds_template_main_below());
	// And let's display..
	ds_ob_flush();
	// Scroll it into view.
	ds_ce.scrollIntoView();
}

// A function to show the calendar.
// When user click on the date, it will set the content of t.
function ds_sh(t) {
	// Set the element to set...
	ds_element = t;
	// Make a new date, and set the current month and year.
	var ds_sh_date = new Date();
	ds_c_month = ds_sh_date.getMonth() + 1;
	ds_c_year = ds_sh_date.getFullYear();
	// Draw the calendar
	ds_draw_calendar(ds_c_month, ds_c_year);
	// To change the position properly, we must show it first.
	ds_ce.style.display = '';
	// Move the calendar container!
	the_left = ds_getleft(t);
	the_top = ds_gettop(t) + t.offsetHeight;
	ds_ce.style.left = the_left + 'px';
	ds_ce.style.top = the_top + 'px';
	// Scroll it into view.
	ds_ce.scrollIntoView();
}

// Hide the calendar.
function ds_hi() {
	ds_ce.style.display = 'none';
}

// Moves to the next month...
function ds_nm() {
	// Increase the current month.
	ds_c_month ++;
	// We have passed December, let's go to the next year.
	// Increase the current year, and set the current month to January.
	if (ds_c_month > 12) {
		ds_c_month = 1; 
		ds_c_year++;
	}
	// Redraw the calendar.
	ds_draw_calendar(ds_c_month, ds_c_year);
}

// Moves to the previous month...
function ds_pm() {
	ds_c_month = ds_c_month - 1; // Can't use dash-dash here, it will make the page invalid.
	// We have passed January, let's go back to the previous year.
	// Decrease the current year, and set the current month to December.
	if (ds_c_month < 1) {
		ds_c_month = 12; 
		ds_c_year = ds_c_year - 1; // Can't use dash-dash here, it will make the page invalid.
	}
	// Redraw the calendar.
	ds_draw_calendar(ds_c_month, ds_c_year);
}

// Moves to the next year...
function ds_ny() {
	// Increase the current year.
	ds_c_year++;
	// Redraw the calendar.
	ds_draw_calendar(ds_c_month, ds_c_year);
}

// Moves to the previous year...
function ds_py() {
	// Decrease the current year.
	ds_c_year = ds_c_year - 1; // Can't use dash-dash here, it will make the page invalid.
	// Redraw the calendar.
	ds_draw_calendar(ds_c_month, ds_c_year);
}

// Format the date to output.
function ds_format_date(d, m, y) {
	// 2 digits month.
	m2 = '00' + m;
	m2 = m2.substr(m2.length - 2);
	// 2 digits day.
	d2 = '00' + d;
	d2 = d2.substr(d2.length - 2);
	// YYYY-MM-DD
//	return y + '-' + m2 + '-' + d2;
	return d2 + '-' + m2 + '-' + y;
}

// When the user clicks the day.
function ds_onclick(d, m, y) {
	// Hide the calendar.
	ds_hi();
	// Set the value of it, if we can.
	if (typeof(ds_element.value) != 'undefined') {
		ds_element.value = ds_format_date(d, m, y);
	// Maybe we want to set the HTML in it.
	} else if (typeof(ds_element.innerHTML) != 'undefined') {
		ds_element.innerHTML = ds_format_date(d, m, y);
	// I don't know how should we display it, just alert it to user.
	} else {
		alert (ds_format_date(d, m, y));
	}
}

// And here is the end.

// ]]> -->
</script>

<!-- fin du champ "date" en js et html -->

   </head>
   <body>
   
   
   
<!-- debut du formulaire -->
   
<form method="post" action="php1.php" name="formulaire">

	
   <fieldset>
       <legend>Votre compte</legend> <!-- Titre du fieldset -->
 
       <label for="email">Adresse e-mail </label><br />
       <input type="text" name="email" id="email" tabindex="30" /><br />
	   
	   <label for="email">Pseudo </label><br />
       <input type="text" name="pseudo" id="pseudo" tabindex="10" /><br />
	   
	   <label for="email">Mot de passe </label><br />
       <input type="password" name="mdp" id="mdp" tabindex="15" /><br />
	   
	   <label for="email">Confirmation du mot de passe </label><br />
       <input type="password" name="mdp2" id="mdp2" tabindex="15" /><br />
	   
	    </fieldset>
		
   
 
   <fieldset>
       <legend>Informations Personelles</legend> <!-- Titre du fieldset -->
	   
       <label for="nom">Nom </label><br />
       <input type="text" name="nom" id="nom" tabindex="10" /><br />
 
       <label for="prenom">Prénom</label><br />
       <input type="text" name="prenom" id="prenom" tabindex="20" /><br />
     







       <label for="date">Date de naissance</label><br />
       <input type="text" onclick="ds_sh(this);" name="date" readonly="readonly" style="cursor: text" /><br />




       <label for="adresse">Adresse</label><br />	   
       <input type="text" name="adresse" id="adresse" tabindex="50" /><br />
       <input type="text" name="adresse2" id="adresse2" tabindex="50" /><br />
	   
	   <label for="cp">Code Postale</label><br />	   
       <input type="text" name="cp" id="cp" tabindex="5" /><br />
	   
	   <label for="ville">Ville</label><br />	   
       <input type="text" name="ville" id="ville" tabindex="15" /><br />
	   
	   <label for="pays">Pays</label><br />	   
       <input type="text" name="pays" id="pays" tabindex="17" /><br />
	   
	   <label for="tel">Telephone</label><br />	   
       <input type="text" name="tel" id="tel" tabindex="10" /><br /><br />
	          <input type="submit" onclick="javascript:return verifForm()"/> <input type="reset" />

<!-- controle de saisie js -->

		 <!--   <script type="text/javascript">

 function verifForm() {
   if (document.formulaire.nom.value == "" ) {
     alert('Champ "Nom" non rempli !');
     return false;
   }
   if (document.formulaire.email.value == "" ) {
     alert('Champ "E-mail" non rempli !');
     return false;
   }
   if (document.formulaire.prenom.value == "" ) {
     alert('Champ "prenom" non rempli !');
     return false;
   }
   if (document.formulaire.ville.value == "" ) {
     alert('Champ "Ville" non rempli !');
     return false;
   }
   if (document.formulaire.pays.value == "" ) {
     alert('Champ "Pays" non rempli !');
     return false;
   }
      if (document.formulaire.cp.value == "" ) {
     alert('Champ "Code Postale" non rempli !');
     return false;
   }
      if (document.formulaire.adresse.value == "" ) {
     alert('Champ "Adresse" non rempli !');
     return false;
   }
      if (document.formulaire.pseudo.value == "" ) {
     alert('Champ "Pseudo" non rempli !');
     return false;
   }
      if (document.formulaire.mdp.value == "" ) {
     alert('Champ "Mot de passe" non rempli !');
     return false;
   }
      if (document.formulaire.mdp2.value == "" ) {
     alert('Champ "Confirmation de mot de passe" non rempli !');
     return false;

 }
   document.getElementById("fo" ).submit();
 }
   </script>
 -->
 

   </body>
</html>


et voici la page PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>

			
<?php



try
{
	$bdd = new PDO('mysql:host=localhost;dbname=sdz', 'root', '');
}
catch(Exception $e)
{
        die('Erreur : '.$e->getMessage());
}


// verification de la creation des superglobales de transmition
if (isset($_POST['nom']) AND isset($_POST['date'])) 
{
echo 'isset ok';
}
else 
{
	echo 'ereur isset';
}

$req = $bdd->prepare('INSERT INTO formulaire(email, nom, prenom, date) VALUES(:email, :nom, :prenom, :date)');
$req->execute(array(

	'email' => $_POST['email'],	
        'nom'=> $_POST['nom'],
	'prenom' => $_POST['prenom'],
	'date'=> $_POST['date']));
/*
$req = $bdd->prepare('INSERT INTO formulaire(nom) VALUES(:nom)');
$req->execute(array(
	'nom' => $_POST['nom']
	));
	*/
?>


    </body>
</html>
0
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
28 mars 2010 à 00:03
Ben c'est complexe, moi le javascript je m'en sert pas trop. Mais y a moyen de choper l'objet PDO car quant je poste je tombe dans le catch, il me dit qu'il me manque un driver, je pense que c'est paceque je n'ai pas l'objet PDO, tous ce que j'ai remarqué pour l'instant c'est qu'il manque la fermeture du formulaire, et il manque aussi la fermeture de la deuxieme balise fieldset.
0
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
28 mars 2010 à 00:09
ha je crois que je sais, dans le dernier code javascript tu as placer les commentaire a l'exterieur des balises javascript:

<!--
<script>
.....
</scripte>
-->
0
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
28 mars 2010 à 00:10
heuuu^^

<!--
<script>
.....
</script>
-->

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
bah le deuxiemme code js est volontairement mis entre commentaires car c'est un controle de saisie et que c'est chiant de faire des tests avec.
0