Używam Gravity Forms dla Wordpress i próbuję dowiedzieć się, jak policzyć długość znaków wpisywanych przez użytkownika w jednym z moich pól wprowadzania i wydrukować ten numer w innym polu wprowadzania w tej samej formie. Myślę, że można to zrobić za pomocą Javascript, ale jestem totalnie nowicjuszem i dobrze tutaj jest mój bardzo rozwodniony wysiłek. Abyś mógł zobaczyć, co próbuję zrobić.

<!-- 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>

Tak więc użytkownik wpisze swoją „wiadomość” w # input_1_10 i potrzebuję sposobu na policzenie znaków (najlepiej bez liczenia spacji) i wydrukowanie ich w # input_1_2, zanim użytkownik prześle formularz.

** EDIT: Chciałbym również wiedzieć, jak zapisać wartość # input_1_2 w akapicie z identyfikatorem #preview. **

Dzięki za szukanie;)