Comment appeler une fonction javascript sur soumettre pour affecter une valeur à une entrée? (AS Editor)

Mon objectif est d'envoyer le code à l'intérieur de l'ACE Éditeur comme une variable à l' send.php fichier PHP. J'ai essayé ceci dans de nombreuses méthodes différentes, mais je ne peux pas attribuer le code dans l'éditeur de forme d'entrée.

JavaScript

Cette fonction javascript doit affecter une valeur à un élément avec le id="code", qui est: <input type="hidden" id="code" value="" />.

editor.getSession().getValue(); retourne le code qui est à l'intérieur de l'éditeur.

<head>
 <script>

   function getVal() {
   document.getElementById('code').value = editor.getSession().getValue();
   }

 </script>
</head>

HTML

Maintenant, <form onsubmit="getVal();" doit exécuter function getVal() lorsqu'un utilisateur soumet le formulaire, de sorte que le code d'entrée aura une valeur lors de l'envoi de la contribution à la send.php fichier.

<body>

  <div>
     <form onsubmit="getVal();" method="post" action="send.php">

        <label for="Name">From:</label>
        <input type="text" name="Name" id="Name" />
        <label for="Address">To:</label>
        <input type="text" name="Address" id="Address" />
        <label for="Subject">Subject:</label>
        <input type="text" name="Subject" id="Subject" />

        <input type="hidden" id="code" value="" />

        <div id="editor"> //ACE Editor
        </div>

        <input type="submit">

     </form>
  </div>
  • Essayez de donner à la fonction au bouton soumettre, comme onclick="return getVal();". Vérifiez également le champ caché doit avoir la valeur exacte puis seulement de retour chez elle, true else return false.
  • Je l'ai fait, ça ne fonctionne toujours pas. J'ai ajouté de la valeur à l'entrée <input type="hidden" id="code" value="a" /> et vérifié si il a cette valeur dans la fonction js - elle renvoie false. Peut-être que le problème est avec le document.getElementById('code').value?
  • peut-il vous suffit de renommer la zone de texte id et aussi mettre quelques nom bcoz vous avez besoin pour obtenir la valeur en php droit? ce n'ai pas de problème de document.getElementById ("code").valeur
  • quelle zone de texte?
InformationsquelleAutor tempy | 2012-10-01
  1. 2

    Cette fonction est celle dont j'avais besoin pour faire ce travail:

    function getVal()
{
  var editor = ace.edit("editor"); 
  //this line is necessary
  //"editor" is the id of the ACE editor div

  var code = editor.getSession().getValue();

  document.getElementById('code').value = code;
}
    InformationsquelleAutor tempy
  2. 0

    Le code est correct, l'éditeur.getSession().getValue() est nul, donc il n'écrit rien!

    • Ce n'est pas null, car il obtient tout le code à l'intérieur de l'éditeur (après que l'utilisateur a écrit un peu de code).
    • Avez-vous essayez d'imprimer à sa valeur à une alerte ou à la console.journal? Avant j'ai essayé de faire le caché d'entrée de texte et à la place de l'éditeur.getSession().getValue(); j'ai écrit "test"; Lorsque je soumets le formulaire, il a écrit de test à l'entrée, puis de présenter de sorte que le problème doit être de l'éditeur.getSession().getValue()!!
    • document.getElementById('code').value = 'test'; <form onsubmit="getVal();" method="post" action="http://www.google.com"> <input type="text" id="code" value="" />
    • Vous avez eu raison, j'ai essayé de vérifier si document.getElementById('code') est de travailler en faisant if(document.getElementById('code').value == "a") et <input type="text" id="code" value="a" /> mais elle est revenue faux pour une raison quelconque, alors j'ai pensé que le problème.
    InformationsquelleAutor stkover_0