0

Wordpress に Gravity Forms を使用しています。ユーザーが入力ボックスの 1 つに入力した文字の長さを数え、その数値を同じフォームの別の入力ボックスに出力する方法を見つけようとしています。これはJavascriptで実行できると思いますが、私はまったくの初心者であり、ここに私の非常に骨抜きにされた努力があります。私がやろうとしていることを見ることができるように。

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

したがって、ユーザーは #input_1_10 に「メッセージ」を入力し、ユーザーがフォームを送信する前に、文字を数えて (できればスペースを数えずに) #input_1_2 に出力する方法が必要です。

** 編集: #input_1_2 の値を #preview の ID を持つ段落に書き込む方法も知りたいです。**

見てくれてありがとう;)

4

1 に答える 1

1

eventListener最初の入力に an を追加します。この場合、ユーザーがキーを押して離すたびに、入力の長さが 2 番目の入力に表示されます。

<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">
</form>

<script>
    var bank = document.getElementById("input_1_10");
    var countNum = document.getElementById("input_1_2");
    bank.addEventListener("keyup", function(e) {
        countNum.value = bank.value.length;
    });
</script>
于 2013-08-12T23:10:40.623 に答える