Recherche Formulaire 100% Javascript

Résolu
Bonjour,

Je recherche un formulaire de contact 100% Javascript.
--
gautier019

2 réponses

  1. 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
    1. ç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
    2. 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
    3. 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
    4. 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
    5. 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