Ich verwende Gravity Forms für Wordpress und versuche herauszufinden, wie die Länge der Zeichen, die ein Benutzer in eines meiner Eingabefelder eingibt, gezählt und diese Zahl in ein anderes Eingabefeld in demselben Formular gedruckt werden kann. Ich denke, das kann mit Javascript gemacht werden, aber ich bin ein absoluter Neuling und hier ist meine sehr verwässerte Anstrengung. Nur damit Sie sehen können, was ich versuche zu tun.

<!-- edited -->
 <form>
  <input name="input_10" id="input_1_10" type="text" value="" class="small" tabindex="1">
  <input name="input_2" id="input_1_2" type="text" value="" class="medium" tabindex="2">
  <div style="padding:10px 15px; font-family:sans-serif !important;">
     <p id="preview" style="text-align:center;font-size:22px;font-weight:bold;">Sample Text</p>
  </div>
</form>

<script>
    var bank = document.getElementById("input_1_2");
    var countNum = document.getElementById("input_1_10");
    bank.addEventListener("keyup", function(e) {
        countNum.value = bank.value.length;
    });

    document.getElementById("preview").innerHTML= countNum.value;




</script>

Der Benutzer wird also seine "Nachricht" in # input_1_10 eingeben und ich brauche eine Möglichkeit, die Zeichen zu zählen (vorzugsweise ohne Leerzeichen zu zählen) und sie in # input_1_2 zu drucken, bevor der Benutzer das Formular absendet.

** BEARBEITEN: Ich möchte auch wissen, wie der Wert von # input_1_2 in den Absatz mit der ID #preview geschrieben wird. **

Danke fürs schauen;)