Recherche Formulaire 100% Javascript

Résolu/Fermé
gautier019 Messages postés 140 Date d'inscription samedi 19 mai 2012 Statut Membre Dernière intervention 12 juin 2017 - 27 oct. 2012 à 21:58
gautier019 Messages postés 140 Date d'inscription samedi 19 mai 2012 Statut Membre Dernière intervention 12 juin 2017 - 29 oct. 2012 à 10:08
Bonjour,

Je recherche un formulaire de contact 100% Javascript.
A voir également:

2 réponses

Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
27 oct. 2012 à 22:10
bonsoir

ca n'existe pas
0
asmaanoor Messages postés 73 Date d'inscription jeudi 23 août 2012 Statut Membre Dernière intervention 20 janvier 2014 18
28 oct. 2012 à 00:05
Bonsoir,
j'espere que ce bout de code peut t'aider

<script language = "javascript">
// --- Contrôler les saisies
function controle_saisie()
{
var nElements ;
nElements = document.forms["form1"].length ;
trouve=false;
for (nCtr=0; nCtr<nElements;nCtr++) {
if (document.forms["form1"].elements[nCtr].value == ""){
alert("Il faut saisir " + document.forms["form1"].elements[nCtr].name);
trouve=true;
break;
}
}
if(trouve==false)
{
envoyer_mail();
}
}
// --- Envoyer un mail
function envoyer_mail()
{
var sDestinataire = "siham.elhajjam@gmail.com" ;
var sObjet = "Contact" ;
var sCorps = "" ;
sCorps += "Nom : " + document.forms[0].elements["nom"].value + "\r\n" ;
sCorps += "Email : " + document.forms[0].elements["mail"].value + "\r\n" ;
sCorps += "Sujet : " + document.forms[0].elements["sujet"].value + "\r\n" ;
sCorps += "Message : " + document.forms[0].elements["message"].value + "\r\n" ;
//alert(sCorps) ;
window.open("MAILTO:" + sDestinataire + "?subject=" + sObjet + "&body=" + sCorps) ;
}


document.write("<form name='form1' action='' method='POST'>");
document.write("Nom : <input type='text' name='nom' /><br/>");
document.write("E-mail : <input type='text' name='mail' /><br/>");
document.write("Sujet : <input type='text' name='sujet' /><br/>");
document.write("Message : <textarea name='message'></textarea><br/>");
document.write("<input type='submit' name='Envoyer' value='Envoyer' onclick='controle_saisie()'/><br/>");
document.write("</form>");
</script>
0
Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
28 oct. 2012 à 00:33
ça ok mais comment tu envois le mail en js ? et il n'y a pas de jeton la dessus
un formulaire de contact sans jeton c'est criminel...
0
gautier019 Messages postés 140 Date d'inscription samedi 19 mai 2012 Statut Membre Dernière intervention 12 juin 2017 17
28 oct. 2012 à 00:50
J'ai tester et je n'ai pas encore reçu le mail (ha mon avis il faut un peu de temps, une fois j'ai envoyé un mail et ça a pris 2 jours)
0
asmaanoor Messages postés 73 Date d'inscription jeudi 23 août 2012 Statut Membre Dernière intervention 20 janvier 2014 18
28 oct. 2012 à 15:58
non pas du tout, il ne prend pas du temps mais il l'envoie à l'aide de ton compte Outlook,
n'oublie pas ke le javascript est un langage coté client, c'est à dire il utilise les ressources du PC du client pour accomplir la tache par contre le PHP utilise les plugin du Serveur
0
gautier019 Messages postés 140 Date d'inscription samedi 19 mai 2012 Statut Membre Dernière intervention 12 juin 2017 17
28 oct. 2012 à 17:25
Pourtant a cette page :

https://www.aypierre.fr/contact.aspx il n'y a que du javascript, je me suis dit que c'était peu etre parce que c'était en .aspx, mais je ne crois pas, car le code source et en html :




<!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">
<head><title>
Aypierre Minecraft
</title><link rel="stylesheet" type="text/css" href="css/aypierre.css" /><link rel="shortcut icon" type="image/ico" href="https://www.aypierre.fr/Images/favicon.ico" />
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34213571-1']);
_gaq.push(['_trackPageview']);

(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>

<form name="aspnetForm" method="post" action="contact.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTIxMTA1Mzg1MDNkZHazfw6pL+ezNF273eTDXstaN7DDRiXbfduMI4U7QTGl" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>


<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAXel5LRh+pDv2aq/cXnvj1+eRaH44JILluoA5VcML10/zhLoY2U5rUOl14TQK2/66AiAsf9Oo9ZZ6PuS+oeNfO7JY+Ohgrqlfy43hTnUpdLv/6G4cYRms2uOGkx+JR0zkYpYe30K2z5hXXk3aVTiyC9" />
</div>





<center><div class="logo">AYPIERRE</div></center>
<div class="container contact">
<div class="menu">
<a href="default.aspx">Accueil</a>
<a href="telechargements.aspx">Téléchargements</a>
<a href="contact.aspx">Contact</a>
<a href="#">Coin des fans</a>
</div>

<div class="content">
<center>
<span>Votre pseudo : </span><input name="ctl00$CPH$TB_PSEUDO" type="text" maxlength="100" id="ctl00_CPH_TB_PSEUDO" style="width:250px;" /><br />
<span>Votre email : </span><input name="ctl00$CPH$TB_EMAIL" type="text" maxlength="100" id="ctl00_CPH_TB_EMAIL" style="width:250px;" /><br />
Votre message :<br />
<textarea name="ctl00$CPH$TB_MESSAGE" rows="2" cols="20" id="ctl00_CPH_TB_MESSAGE" style="height:300px;width:800px;">
</textarea>
</center>
<br />
<center><a id="ctl00_CPH_LB_ENVOIE" class="LBCustom" href="javascript:__doPostBack('ctl00$CPH$LB_ENVOIE','')">Envoyer !</a></center>
</div>
</div>


</form>

</body>
</html>


Entre autre, je recherche un script de ce genre, j'ai essayé de l'étudier, mais disons que voilà xD. Je ne suis pas trés fort en javascript.
0
asmaanoor Messages postés 73 Date d'inscription jeudi 23 août 2012 Statut Membre Dernière intervention 20 janvier 2014 18
28 oct. 2012 à 18:36
mais bien suuuure gautier,
puiske tout les langages dynamiques tel qua asp.net et php s'execute coté serveur
et le client ne recois ke du html et du javascript
fais un petit tour ici https://www.commentcamarche.net/contents/1351-php-introduction
et essaye de travailler sois avec du php ou bien du asp puiske sinon ta page contact ca va pas marcher
bon courage à nous tous
0