Aide formulaire html

Fermé
billantwi - 28 oct. 2009 à 12:20
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 28 oct. 2009 à 15:08
Bonjour, je viens de voir ce formulaire html sur ce site et j'aimerai le modifier mais je en sais comment car je suis un débutant. pouvez vous me montrer ou dois-je mettre mon adresse email dans ce formulaire afin de recevoir les messages? aussi ou dois-je mettre l'adresse de mon site après la validation du formulaire? merci de bien vouloir m'aider

voici le code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<tr><td height="20" colspan="7" align="center"></td></tr><tr><td height="2"></td><td colspan="3"></td><td width="16"></td></tr></table></td><td colspan="3" valign="top" background="images/textdi.gif?template=av-198&colorScheme=red&header=headers1&button=buttons3" width="100%" height="100%"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="41"><table height="45" border="0" cellpadding="0" cellspacing="0"><tr><td width="5" rowspan="2"></td><td height="15" colspan="2"></td></tr><tr><td height="26" valign="bottom" class="text-header">S'inscrire à abidown mail</td><td valign="bottom"><img src="images/text.gif?template=av-198&colorScheme=red&header=headers1&button=buttons3" hspace="3"></td></tr></table></td></tr><tr><td colspan="2" valign="top" width="100%" height="100%" class="pageContent" style="padding:10px 20px 10px 5px"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="pageContent" name="SB_stretch" width="100%" valign="top"><style type="text/css">@import url(resources/css/styles.css);</style><style type="text/css">@import url(resources/css/styles_ext.css);</style><script src="resources/js/validator.js">void(1);</script><script src="resources/js/utils.js">void(1);</script><script type="text/javascript" language="javascript"><!--
function validateForm() {
if (validateField('SB_Validator.notEmpty', 'name', 'Veuillez saisir le nom d\'utilisateur.')
&& validateField('SB_Validator.notEmpty', 'email', 'Veuillez saisir une adresse mail.')
&& validateField('SB_Validator.isEmail', 'email', 'Format de l\'adresse mail incorrect.')


&& validatePassword()

// && validateField('SB_Validator.notEmpty', 'first_name', 'Veuillez saisir un prénom.')
// && validateField('SB_Validator.notEmpty', 'last_name', 'Veuillez indiquer un nom de famille.')
// && validateField('SB_Validator.notEmpty', 'phone_number', 'Veuillez saisir un numéro de téléphone.')
&& (document.getElementById('phone_number').value=='' || validateField('SB_Validator.isPhone', 'phone_number', 'Format du numéro de téléphone incorrect.'))
// && validateField('SB_Validator.notEmpty', 'address1', 'Veuillez indiquer une adresse.')
// && validateField('SB_Validator.notEmpty', 'country', 'Veuillez indiquer un pays.')
// && validateField('SB_Validator.notEmpty', 'zip', 'Veuillez saisir un code zip.')
) {
document.forms['user'].submit();
return true;
} else {
return false;
}
}

function validatePassword() {
return validateField('SB_Validator.notEmpty', 'password', 'Veuillez saisir le mot de passe.')
&& validateField('SB_Validator.notEmpty', 'confirmPassword', 'Veuillez confirmez votre mot de passe.')
&& extendedValidateField("SB_Validator.isEqual(document.getElementById('password').value, document.getElementById('confirmPassword').value)", 'confirmPassword', 'Le mot de passe et sa confirmation ne sont pas identiques.');

}

//--></script><form method="post" name="user">
<input type="hidden" name="moduleLoginAction" value="register"><table cellpadding="0" cellspacing="0" width="100%" border="0"><tr><td colspan="2" style="padding: 5px;"><table cellpadding="10" cellspacing="0" border="0" width="100%" class="mod-form" style="margin: 10px 0;" align="center"><tr><td>
<b><span class="mod-form-title">Se connecter</span></b><div class="mod-form-hr" style="height:1px;"><span></span></div>
<table cellpadding="5" cellspacing="0" width="100%" class="mod-form" style="margin: 10px 0; border: 0;">
<tr>
<td width="30%">Nom d'utilisateur
<span class="requiered" id="name_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="name" name="name" value=""></td>
</tr>
<tr>
<td width="30%">E-mail
<span class="requiered" id="email_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="email" name="email" value=""></td>
</tr>
<tr>
<td width="30%">Mot de passe
<span class="requiered" id="password_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="password" name="password" value="" type="password"></td>
</tr>
<tr>
<td width="30%">Confirmation du mot de passe
<span class="requiered" id="confirmPassword_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="confirmPassword" name="confirmPassword" value="" type="password"></td>
</tr>
</table>
<br><b><span class="mod-form-title">Coordonnées</span></b><div class="mod-form-hr" style="height:1px;"><span></span></div>
<table cellpadding="5" cellspacing="0" width="100%" class="mod-form" style="margin: 10px 0; border: 0;">
<tr>
<td width="30%">Prénom</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="first_name" name="first_name" value=""></td>
</tr>
<tr>
<td width="30%">Nom de famille</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="last_name" name="last_name" value=""></td>
</tr>
<tr>
<td width="30%">Société</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="company" name="company" value=""></td>
</tr>
<tr>
<td width="30%">Téléphone</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="phone_number" name="phone_number" value=""></td>
</tr>
<tr>
<td width="30%">Adresse 1</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="address1" name="address1" value=""></td>
</tr>
<tr>
<td width="30%">Adresse 2</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="address2" name="address2" value=""></td>
</tr>
<tr>
<td width="30%">Pays</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="country" name="country" value=""></td>
</tr>
<tr>
<td width="30%">Ville</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="city" name="city" value=""></td>
</tr>
<tr>
<td width="30%">Etat</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="state" name="state" value=""></td>
</tr>
<tr>
<td width="30%">ZIP</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="zip" name="zip" value=""></td>
</tr>
</table>
<br><div align="right" style="margin-top: 10px;">
<input type="submit" name="register" class="mod-form-button" onclick="validateForm(); return false;" value="S'inscrire puis se connecter"><input type="button" name="Cancel" class="mod-form-button" value="Annuler" onclick='document.location.href="/page33.php"; return false;'>
</div>
</td></tr></table></td></tr></table>
</form>
</body></html>

5 réponses

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
28 oct. 2009 à 13:50
Pour le modifier, tu dois apprendre le XHTML.
Pour recevoir les données par email, il faut utiliser du PHP.
Ce code est de toutes façons tellement sale qu'il vaut mieux en refaire un depuis le début, pour ne pas partir sur de mauvaises bases.
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
28 oct. 2009 à 13:51
Je ne sais poas ou tu as pris ce code et si tu l'as copier en entier ou déja un peu modifié, mais il manque :
- le DOCTYPE... au début de page
- balise </head
- des <td <tr etc entre les balise <head ?
- et sans balise <table>

des </table sans <table> d'ouveture

et pour envoyer le mail il faut dans <form name="user" method="post" action="mailto:ton_adresse_mail">

ainsi ça ouvrira le Outlook de l'utilisateur et enverra les données du formulaire chez toi
0
merci de m'avoir repondu. ce code je l'ai trouvé sur ce site (dans un autre message). dit, je l'ai un peu modifier et la lorsque je le met en ligne, c'est outlook qui apparait. j'aimerai que ce soit automatique (un envoi sans outlook) pouvez vous m'aider?
0
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
28 oct. 2009 à 14:20
En (x)HTML, c'est impossible d'envoyer un email : il est bon de savoir que pour envoyer un email, il faut un serveur SMTP ; le XHTML étant un langage côté client, le visiteur doit donc posséder ce serveur, ce qui fait que le logiciel de messagerie (Thunderbird, Outlook, ...) s'ouvre.
Tu dois donc utiliser un langage côté serveur comme le PHP. Sur le serveur (la machine), il faut aussi avoir installé un serveur SMTP (logiciel) et avoir configuré PHP pour qu'il utilise ce serveur.
0
merci avion. je suis chez mavenhosting j'aimerai savoi si c'est moi qui installe le logiciel SMTP ou c'ets mon hébergeur. eux m'affirme que le php est activé. comment faire car je suis un novice
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
28 oct. 2009 à 14:52
avionF16 pensait que tu utilisait un serveur local

dans le cas ou tu es hébergé il faut que tu crée un script php pour récupérer les données saisies dans le formulaire et les envoyer avec la fonction mail() de php

et dans <form ..... action="ton_sript.php">

vas voir sur le site www.siteduzero.com il doit y avoir un tuto la dessus ou tu cherches sur Google

"envoyer mail en php"
0
merci alain. je sias que vous etes tres occupé mais pouvez vous m'aider pas a pas a la realisation de cet problème. s'il vous plait!
0

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

Posez votre question
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
28 oct. 2009 à 15:08
j'ai pas trop le temps alors vas voir ce site, il te fais ça pas a pas

https://a-pellegrini.developpez.com/tutoriels/php/mail/
0