Cuente la longitud de un campo de entrada e imprímalo en otro con Gravity Forms y Javascript
Estoy utilizando Gravity Forms para Wordpress y estoy tratando de averiguar cómo contar la longitud de los caracteres que un usuario escribe en uno de mis cuadros de entrada e imprimir ese número en otro cuadro de entrada en la misma forma. Creo que esto se puede hacer con Javascript pero soy un newb total y bueno, aquí está mi esfuerzo muy diluido. Solo para que puedas ver lo que estoy tratando de hacer.
<!-- 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>
Así que el usuario escribirá su "mensaje" en # input_1_10 y necesito una forma de contar los caracteres (preferiblemente sin contar espacios) e imprimirlos en # input_1_2 antes de que el usuario envíe el formulario.
** EDITAR: También me gustaría saber cómo escribir el valor de # input_1_2 en el párrafo con el ID de #preview. **
Gracias por mirar ;)