Gros problème pour formulaire ...

Itachilefandephp -
Itachilefandephp - 4 mars 2011 à 10:49

Bonjour,
Je voudrais faire un formulaire, mais il marche pas... Regardez, il n'y a pas d'erreur :

index.php

<script type="text/javascript">
var tabErrorFields=new Array();
var tabErrorFormats=new Array();
var tabFieldsRequired=new Array();
var tabFormatsRequired=new Array();
</script><script type="text/javascript">var langId="5";</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style type="text/css">

body {
margin: 0px; padding: 0px; width:100%;
font-family: "Trebuchet MS",arial,verdana, serif;
font-weight: normal; font-size: 10px; color: #48566e; text-align: left; /* line-height: 1.3em; */
overflow-x: hidden;
/* overflow-y: hidden; */
}

span.span_chbx_radio { float:left; width:200px; }

input[type=submit] { opacity: 0.8; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border:1px solid #E2E2E7; background-color:#8BA9DC; color:#ffffff; cursor: pointer;}
input[type=reset] { opacity: 0.8; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border:1px solid #E2E2E7; background-color:#f5f5f5; color:#333333; cursor: pointer;}

input[type=submit]:hover, input[type=reset]:hover { opacity:0.5; }

a { color:#48566e; }

input[type=text], input[type=password] {
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border:1px solid #8BA9DC;
background-color:#ffffff;
color:#48566e;
}

textarea {
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border:1px solid #8BA9DC;
background-color:#ffffff;
color:#48566e;
}

fieldset {
border:1px solid #8BA9DC;
background-color:#ffffff;
margin: 5px;
min-height: 100px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}

legend {
border:1px solid #ffffff;
background-color: #ffffff;
padding:4px;
color:#8BA9DC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
font-size:1.2em;
}

.errorMessage {
font-size: 0.8em;
color:#cc0000;
}

.errorField, .errorFormat {
background-color: #ffe6e6;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

.submitError {
padding:5px;
color:#cc0000;
border: 1px solid #cc0000;
background-color: #ffe6e6;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

label, .span_chbx_radio {
color:#48566e;
font-size: 0.8em;
}

.obligatoryField {
color:#cc0000;
font-size: 1.2em;
}

#success {
padding: 20px;
font-size: 16px;
}
</style>
<link rel="stylesheet" type="text/css" href="http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/jquery.ui.all.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/jquery.ui.datepicker.min.js"></script>
<script type="text/javascript">
$(function(){ $(".datepicker").datepicker({changeMonth: true,changeYear: true}); });
</script>
<script type="text/javascript">function validForm(){

/*
* Initialisation des variables
*/

var nbrErrors=0;

/*
* Fonctions de vérification des formatages
*/

function verifNumber(myString){ // idTag 3
if(isNaN(myString)){ return false; }else { return true; }
}

function verifEmail(myString){ // idTag 4

var reg= /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/;

if(reg.test(myString)==true){
return true; // adresse valide
}
else{
return false; // adresse non valide
}
}

function verfifUrl(myString){ // idTag 5

var reg= /(http):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;

if(reg.test(myString)==true){
return true; // adresse valide
}
else{
return false; // adresse non valide
}

}

/*
* Gestion des FieldsetErrors
*/

function verifField(){

$.each(tabFieldsRequired, function(index,n){
var i=0;
var type=$('#element_id'+n+'-'+i).attr("type");
var str=$('#element_id'+n+'-'+i).val();

if(type=="checkbox" || type=="radio"){

var checkStr=false;
while(typeof $('#element_id'+n+'-'+i).attr('checked')!=="undefined"){
if($('#element_id'+n+'-'+i).attr('checked')==true){checkStr=true;}
i++;
}
if(checkStr==false){
$('#errorField_'+n).html(tabErrorFields[n][langId]).hide().fadeIn(2000).css({"padding":"2px 2px 2px 8px"});
nbrErrors++;
}else{
$('#errorField_'+n).html('').css({"padding":"0px"});
}
}else{

str = jQuery.trim(str);

if(str==''){
$('#errorField_'+n).html(tabErrorFields[n][langId]).hide().fadeIn(2000).css({"padding":"2px 2px 2px 8px"});
nbrErrors++;
}
else{
if(str!=''){
$('#errorField_'+n).html('').css({"padding":"0px"});
}
}
}
});
}

/*
* Gestion des FormatErrors
*/

function verifFormat(){

$.each(tabFormatsRequired, function(index,n){
var i=0;

var ElemClass=$('#element_id'+n+'-'+i).attr("class");
var ElemValue=$('#element_id'+n+'-'+i).val();
ElemValue = jQuery.trim(ElemValue);

switch(ElemClass){

case 'formallin_numeric' : if(!verifNumber(ElemValue) && ElemValue!=''){
$('#errorFormat_'+n).html(tabErrorFormats[n][langId]).hide().fadeIn(2000).css({"padding":"2px 2px 2px 8px"});
nbrErrors++;
}else{
$('#errorFormat_'+n).html('').css({"padding":"0px"});
}
break;

case 'formallin_email' : if(!verifEmail(ElemValue) && ElemValue!=''){
$('#errorFormat_'+n).html(tabErrorFormats[n][langId]).hide().fadeIn(2000).css({"padding":"2px 2px 2px 8px"});
nbrErrors++;
}else{
$('#errorFormat_'+n).html('').css({"padding":"0px"});
}
break;

case 'formallin_url' : if(!verfifUrl(ElemValue) && ElemValue!=''){
$('#errorFormat_'+n).html(tabErrorFormats[n][langId]).hide().fadeIn(2000).css({"padding":"2px 2px 2px 8px"});
nbrErrors++;
}else{
$('#errorFormat_'+n).html('').css({"padding":"0px"});
}
break;

// case 'datepicker' : ;
// break;

}

});
}

/*
* Execution des tests
*/

verifField();
verifFormat();

/*
* Evaluation finale
*/

if(nbrErrors==0){
return true;
}else{
return false;
}
}</script>

<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"></script>

</head>
<body>
<form method="post" action="formmail.php" onSubmit="return validForm();">
<fieldset>
<legend>Contact</legend>
<table>
<tr>
<td><label for="element_id0">Civilité</label></td><td></td>
</tr>
<tr><td></td><td>
<span class="span_chbx_radio"><input id="element_id0-0" name="element_checkbox[0][]" class="formallin_checkbox" type="checkbox" value="M." /> M.</span>
<span class="span_chbx_radio"><input id="element_id0-1" name="element_checkbox[0][]" class="formallin_checkbox" type="checkbox" value="Mme" /> Mme</span></td></tr>
<tr><td></td><td>
<span class="span_chbx_radio"><input id="element_id0-2" name="element_checkbox[0][]" class="formallin_checkbox" type="checkbox" value="Melle" /> Melle</span>
<tr><td></td><td><div class="errorMessage" id="error_0"><div class="errorField" id="errorField_0"></div><div class="errorFormat" id="errorFormat_0"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[1] = new Array();
tabErrorFields[1][5]="Nom";
tabErrorFields[1][10]="Name";
tabFieldsRequired.push(1);
</script>
<tr>
<td><label for="element_id1-0">Nom<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_text" maxlength="50" size="20" type="text" name="element_text[1]" id="element_id1-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_1"><div class="errorField" id="errorField_1"></div><div class="errorFormat" id="errorFormat_1"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[2] = new Array();
tabErrorFields[2][5]="Prenom";
tabErrorFields[2][10]="First-Name";
tabFieldsRequired.push(2);
</script>
<tr>
<td><label for="element_id2-0">Prenom<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_text" maxlength="50" size="20" type="text" name="element_text[2]" id="element_id2-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_2"><div class="errorField" id="errorField_2"></div><div class="errorFormat" id="errorFormat_2"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[3] = new Array();
tabErrorFields[3][5]="Société";
tabErrorFields[3][10]="Company";
tabFieldsRequired.push(3);
</script>
<tr>
<td><label for="element_id3-0">Société<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_text" maxlength="50" size="20" type="text" name="element_text[3]" id="element_id3-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_3"><div class="errorField" id="errorField_3"></div><div class="errorFormat" id="errorFormat_3"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[4] = new Array();
tabErrorFields[4][5]="Adresse";
tabErrorFields[4][10]="Adress";
tabFieldsRequired.push(4);
</script>
<tr>
<td><label for="element_id4-0">Adresse<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_text" maxlength="50" size="20" type="text" name="element_text[4]" id="element_id4-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_4"><div class="errorField" id="errorField_4"></div><div class="errorFormat" id="errorFormat_4"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[5] = new Array();
tabErrorFields[5][5]="Code Postal";
tabErrorFields[5][10]="PostCode";
tabFieldsRequired.push(5);
</script>
<script type="text/javascript">
tabErrorFormats[5] = new Array();
tabErrorFormats[5][5]="Veuillez écrire votre code postal";
tabErrorFormats[5][10]="Please scribe PostCode";
tabFormatsRequired.push(5);
</script>
<tr>
<td><label for="element_id5-0">Code postal<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_numeric" maxlength="50" size="20" type="text" name="element_numeric[5]" id="element_id5-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_5"><div class="errorField" id="errorField_5"></div><div class="errorFormat" id="errorFormat_5"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[6] = new Array();
tabErrorFields[6][5]="Ville";
tabErrorFields[6][10]="Town";
tabFieldsRequired.push(6);
</script>
<tr>
<td><label for="element_id6-0">Ville<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_text" maxlength="50" size="20" type="text" name="element_text[6]" id="element_id6-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_6"><div class="errorField" id="errorField_6"></div><div class="errorFormat" id="errorFormat_6"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[7] = new Array();
tabErrorFields[7][5]="Telephone";
tabErrorFields[7][10]="Phone";
tabFieldsRequired.push(7);
</script>
<script type="text/javascript">
tabErrorFormats[7] = new Array();
tabErrorFormats[7][5]="Veuillez écrire votre numéro de téléphone";
tabErrorFormats[7][10]="Please scribe your Phone";
tabFormatsRequired.push(7);
</script>
<tr>
<td><label for="element_id7-0">Telephone<span class="obligatoryField"> *</span></label></td>
<td><input class="formallin_numeric" maxlength="50" size="20" type="text" name="element_numeric[7]" id="element_id7-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_7"><div class="errorField" id="errorField_7"></div><div class="errorFormat" id="errorFormat_7"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFormats[8] = new Array();
tabErrorFormats[8][5]="Veuillez entrer une bonne adresse mail.";
tabErrorFormats[8][10]="Please scribe correct mail.";
tabFormatsRequired.push(8);
</script>
<tr>
<td><label for="element_id8-0">Email</label></td>
<td><input class="formallin_email" maxlength="50" size="20" type="text" name="element_email[8]" id="element_id8-0"/></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_8"><div class="errorField" id="errorField_8"></div><div class="errorFormat" id="errorFormat_8"></div></div></td></tr><tr><td></td><td></td></tr>
<script type="text/javascript">
tabErrorFields[9] = new Array();
tabErrorFields[9][5]="Message";
tabErrorFields[9][10]="Message";
tabFieldsRequired.push(9);
</script>
<tr>
<td><label for="element_id9-0">Message<span class="obligatoryField"> *</span></label></td>
<td><textarea class="formallin_textarea" rows="10" cols="40" name="element_textarea[9]" id="element_id9-0"></textarea></td>
</tr>
<tr><td></td><td><div class="errorMessage" id="error_9"><div class="errorField" id="errorField_9"></div><div class="errorFormat" id="errorFormat_9"></div></div></td></tr><tr><td></td><td></td></tr>
<tr>
<td><label for="element_id10-0">Disponibilité</label></td>
<td><select name="element_select[10]" id="element_id10-0" class="formallin_select" ><option></option>
<option value="Matin" id="element_id10-0">Matin</option>
<option value="Midi" id="element_id10-1">Midi</option>
<option value="Après Midi" id="element_id10-2">Après Midi</option>
<option value="Soir" id="element_id10-3">Soir</option>
</select></td></tr>
<tr><td></td><td><div class="errorMessage" id="error_10"><div class="errorField" id="errorField_10"></div><div class="errorFormat" id="errorFormat_10"></div></div></td></tr><tr><td></td><td></td></tr>
<tr><td></td>
<td>
<a id="element_id11-0" href="http://www.site.fr/" class="formallin_a" target="_blank" title="Revenir sur le site" >Revenir sur le site</a></td>
</tr>
<tr><td></td><td></td></tr>
<input type="hidden" name="tabGroupeElementsLabel" value="YToxMTp7aTowO2E6Mzp7aTowO3M6MToiNyI7aToxO3M6OToiQ2l2aWxpdMOpIjtpOjI7czoyOiJubyI7fWk6MTthOjM6e2k6MDtzOjE6IjEiO2k6MTtzOjM6Ik5vbSI7aToyO3M6MzoieWVzIjt9aToyO2E6Mzp7aTowO3M6MToiMSI7aToxO3M6NjoiUHJlbm9tIjtpOjI7czozOiJ5ZXMiO31pOjM7YTozOntpOjA7czoxOiIxIjtpOjE7czo5OiJTb2Npw6l0w6kiO2k6MjtzOjM6InllcyI7fWk6NDthOjM6e2k6MDtzOjE6IjEiO2k6MTtzOjc6IkFkcmVzc2UiO2k6MjtzOjM6InllcyI7fWk6NTthOjM6e2k6MDtzOjE6IjMiO2k6MTtzOjExOiJDb2RlIHBvc3RhbCI7aToyO3M6MzoieWVzIjt9aTo2O2E6Mzp7aTowO3M6MToiMSI7aToxO3M6NToiVmlsbGUiO2k6MjtzOjM6InllcyI7fWk6NzthOjM6e2k6MDtzOjE6IjMiO2k6MTtzOjk6IlRlbGVwaG9uZSI7aToyO3M6MzoieWVzIjt9aTo4O2E6Mzp7aTowO3M6MToiNCI7aToxO3M6NToiRW1haWwiO2k6MjtzOjI6Im5vIjt9aTo5O2E6Mzp7aTowO3M6MToiNiI7aToxO3M6NzoiTWVzc2FnZSI7aToyO3M6MzoieWVzIjt9aToxMDthOjM6e2k6MDtzOjE6IjkiO2k6MTtzOjE0OiJEaXNwb25pYmlsaXTDqSI7aToyO3M6Mjoibm8iO319" />
<input type="hidden" name="tabErrorFields" value="YTo4OntpOjE7YToyOntpOjU7czozOiJOb20iO2k6MTA7czo0OiJOYW1lIjt9aToyO2E6Mjp7aTo1O3M6NjoiUHJlbm9tIjtpOjEwO3M6MTA6IkZpcnN0LU5hbWUiO31pOjM7YToyOntpOjU7czo5OiJTb2Npw6l0w6kiO2k6MTA7czo3OiJDb21wYW55Ijt9aTo0O2E6Mjp7aTo1O3M6NzoiQWRyZXNzZSI7aToxMDtzOjY6IkFkcmVzcyI7fWk6NTthOjI6e2k6NTtzOjExOiJDb2RlIFBvc3RhbCI7aToxMDtzOjg6IlBvc3RDb2RlIjt9aTo2O2E6Mjp7aTo1O3M6NToiVmlsbGUiO2k6MTA7czo0OiJUb3duIjt9aTo3O2E6Mjp7aTo1O3M6OToiVGVsZXBob25lIjtpOjEwO3M6NToiUGhvbmUiO31pOjk7YToyOntpOjU7czo3OiJNZXNzYWdlIjtpOjEwO3M6NzoiTWVzc2FnZSI7fX0=" />
<input type="hidden" name="tabErrorFormats" value="YTozOntpOjU7YToyOntpOjU7czozNDoiVmV1aWxsZXogw6ljcmlyZSB2b3RyZSBjb2RlIHBvc3RhbCI7aToxMDtzOjIyOiJQbGVhc2Ugc2NyaWJlIFBvc3RDb2RlIjt9aTo3O2E6Mjp7aTo1O3M6NDU6IlZldWlsbGV6IMOpY3JpcmUgdm90cmUgbnVtw6lybyBkZSB0w6lsw6lwaG9uZSI7aToxMDtzOjI0OiJQbGVhc2Ugc2NyaWJlIHlvdXIgUGhvbmUiO31pOjg7YToyOntpOjU7czozOToiVmV1aWxsZXogZW50cmVyIHVuZSBib25uZSBhZHJlc3NlIG1haWwuIjtpOjEwO3M6Mjc6IlBsZWFzZSBzY3JpYmUgY29ycmVjdCBtYWlsLiI7fX0=" />
<input type="hidden" name="tabShortNames" value="YToxMTp7aTowO3M6MjoiemgiO2k6MTtzOjI6ImNhIjtpOjI7czoyOiJkYSI7aTozO3M6MjoiZGUiO2k6NDtzOjI6ImZyIjtpOjU7czoyOiJpdCI7aTo2O3M6MjoicHQiO2k6NztzOjI6InJ1IjtpOjg7czoyOiJlcyI7aTo5O3M6MjoiZW4iO2k6MTA7czoyOiJybyI7fQ==" />
<input type="hidden" name="tabLabelText" value="YToxMTp7aTowO2E6Mjp7aTo1O3M6OToiQ2l2aWxpdMOpIjtpOjEwO3M6ODoiQ2l2aWxpdHkiO31pOjE7YToyOntpOjU7czozOiJOb20iO2k6MTA7czo0OiJOYW1lIjt9aToyO2E6Mjp7aTo1O3M6NjoiUHJlbm9tIjtpOjEwO3M6MTA6IkZpcnN0LW5hbWUiO31pOjM7YToyOntpOjU7czo5OiJTb2Npw6l0w6kiO2k6MTA7czo3OiJDb21wYW55Ijt9aTo0O2E6Mjp7aTo1O3M6NzoiQWRyZXNzZSI7aToxMDtzOjY6IkFkcmVzcyI7fWk6NTthOjI6e2k6NTtzOjExOiJDb2RlIHBvc3RhbCI7aToxMDtzOjg6IlBvc3Rjb2RlIjt9aTo2O2E6Mjp7aTo1O3M6NToiVmlsbGUiO2k6MTA7czo0OiJUb3duIjt9aTo3O2E6Mjp7aTo1O3M6OToiVGVsZXBob25lIjtpOjEwO3M6NToiUGhvbmUiO31pOjg7YToyOntpOjU7czo1OiJFbWFpbCI7aToxMDtzOjU6IkVtYWlsIjt9aTo5O2E6Mjp7aTo1O3M6NzoiTWVzc2FnZSI7aToxMDtzOjc6Ik1lc3NhZ2UiO31pOjEwO2E6Mjp7aTo1O3M6MTQ6IkRpc3BvbmliaWxpdMOpIjtpOjEwO3M6MTM6IkRpc3BvbmliaWxpdHkiO319" />
<input type="hidden" name="sli" value="5" />
<tr><td> </td><td></td></tr>
<tr><td><input id="element_id12-0" name="submit" type="submit" class="formallin_submit" value="Envoyer" /> -
<input id="element_id13-0" name="reset" type="reset" class="formallin_reset" value="Effacer" /></td></tr>
</table>
</fieldset>
</form>
</body>
</html>

Formmail.php

<?php
$pseudo = htmlspecialchars($_POST['pseudo']);
$email = htmlspecialchars($_POST['email']);

srand((double)microtime()*1000000);
$boundary =md5(uniqid(rand()));

$header = "From: $email \n"; s
$header .= "MIME-Version: 1.0\n";
$header .= "Content-Type: multipart/alternative; boundary=$boundary\n";

$destinataire = "adressemail";

$titre = "formulaire";

$message = "\nThis is a multi-part message in MIME format.";
$message .="\n--$boundary\nContent-Type : text/html; charset=\"iso-8859-1\"\n\n";
$message .="Pseudo : $pseudo\n";
$message .="E-mail : $email\n";
$message.= "\n--$boundary--\n end of the multi-part";
mail($destinataire,$titre,$message,$header);
echo "<center><h4>Votre Demande à bien été validée.</h4>";
?>

Merci.

Afficher la suite

A voir également:

Gros problème pour formulaire ...
Whatsapp formulaire opposition - Guide
Formulaire de réclamation facebook - Guide
Formulaire de reclamation instagram - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Webmastering
Problème avec Google Chrome - Forum Google Chrome

1 réponse

Réponse 1 / 1

Itachilefandephp

Svp....

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Contact LEBONCOIN

Contacter le "bon coin"

Google Chrome : "Nouvel envoi du formulaire"

probleme avec formulaire et sous formulaire independant.

Votre réponse

Discussions similaires