Recherche Formulaire 100% Javascript

Résolu
gautier019 Messages postés 154 Statut Membre -  
gautier019 Messages postés 154 Statut Membre -
Bonjour,

Je recherche un formulaire de contact 100% Javascript.

2 réponses

Atropa Messages postés 2051 Statut Membre 274
 
bonsoir

ca n'existe pas
0
asmaanoor Messages postés 90 Statut Membre 18
 
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 2051 Statut Membre 274
 
ç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 154 Statut Membre 17
 
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 90 Statut Membre 18
 
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 154 Statut Membre 17
 
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 90 Statut Membre 18
 
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