Forum de discussion
Forum « Programmation Javascript » (archives)
récupération des données d'un formulaire
Envoyé: 1er février 2005, 13h18 par elwin
J'ai récupérer ce code que j'ai modifié légèrement... premièrement je voudrais savoir pourquoi il me donne toujours une erreur sur la page qui me dit que param et nom sont indéfini... je ne comprends pas pourquoi...
ma deuxième question est pour savoir s'il est possible que cette ligne qui apparaît une fois que j'ai cliqué sur soumettre puisse être envoyé par courriel... j'aimerais seulement recevoir la ligne qui apparait à la fin et non pas les champs et etc... seulement la phrase qui apparaît...
Voici mon code :
<script type="text/javascript" language="javascript">
<!-- Début
// ********************************************
// Récupération de paramètre d'une requête HTTP
// ou récupération des données d'un formulaire.
// Auteur : Oznog (www.trucsweb.com)
// ********************************************
// NE PAS MODIFIER CE CODE
var paramOk = true;
function FaitTableau(n) {
// Création d'un tableau (array)
// aux dimensions du nombre de paramètres.
this.length = n;
for (var i = 0; i <= n; i++) {
this[i] = 0
}
return this
}
function ParamValeur(nValeur) {
// Récupération de la valeur d'une variable
// Pour créer la variable en Javascript.
var nTemp = "";
for (var i=0;i<(param.length+1);i++) {
if (param[i].substring(0,param[i].indexOf("=")) == nValeur)
nTemp = param[i].substring(param[i].indexOf("=")+1,param[i].length)
}
return Decode(nTemp)
}
// Extraction des paramètres de la requête HTTP
// et initialise la variable "paramOk" à false
// s'il n'y a aucun paramètre.
if (!location.search) {
paramOk = false;
}
else {
// Éliminer le "?"
nReq = location.search.substring(1,location.search.length)
// Extrait les différents paramètres avec leur valeur.
nReq = nReq.split("&");
param = new FaitTableau(nReq.length-1)
for (var i=0;i<(nReq.length);i++) {
param[i] = nReq[i]
}
}
// Décoder la requête HTTP
// manuellement pour le signe (+)
function Decode(tChaine) {
while (true) {
var i = tChaine.indexOf('+');
if (i < 0) break;
tChaine = tChaine.substring(0,i) + '%20' + tChaine.substring(i + 1, tChaine.length);
}
return unescape(tChaine)
}
// End -->
</script>
<script type="text/javascript" language="javascript">
<!-- Début
// ***************************************
// À MODIFIER - AJOUTER DES PARAMÈTRES ICI
// ***************************************
// Créer les variables avec leur contenu
// basé sur la requête:
// ?nom=...&prenom=...&email=...
nom = ParamValeur("nom");
prenom = ParamValeur("prenom");
email = ParamValeur("email");
// End -->
</script>
</head>
<body>
<form method="get" action="recupere.htm">
<p>Nom : <input type="text" name="nom" ></p>
<p>Prénom : <input type="text" name="prenom" ></p>
<p>Courriel : <input type="text" name="email" ></p>
<p><input type="submit" name="Submit" value="Soumettre" ></p>
<script type="text/javascript" language="javascript">
<!-- Début
// ***************************************
// POUR L'EXEMPLE, AFFICHAGE DES VARIABLE
// ***************************************
document.write(" salut mon nom est : ");
document.write(nom);
document.write(" mon prénom est : ");
document.write(prenom);
document.write(" et pour mon email : ");
document.write(email);
// End -->
</script></form>
</body>
</html>
Merci beaucoup
Elwin
Réponses
| |||||||
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion