Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
计算一个输入字段的长度,并使用Gravity表单和Javascript在另一个字段中打印它_Javascript_Wordpress_Gravity Forms Plugin - Fatal编程技术网

计算一个输入字段的长度,并使用Gravity表单和Javascript在另一个字段中打印它

计算一个输入字段的长度,并使用Gravity表单和Javascript在另一个字段中打印它,javascript,wordpress,gravity-forms-plugin,Javascript,Wordpress,Gravity Forms Plugin,我正在使用Wordpress的重力表单,我正在尝试找出如何计算用户在我的一个输入框中键入的字符长度,并以相同的形式将该数字打印到另一个输入框中。我认为这可以用Javascript来完成,但我是一个完全的新手,这里是我非常淡化的努力。只是为了让你知道我在做什么 <!-- edited --> <form> <input name="input_10" id="input_1_10" type="text" value="" class="small" tabin

我正在使用Wordpress的重力表单,我正在尝试找出如何计算用户在我的一个输入框中键入的字符长度,并以相同的形式将该数字打印到另一个输入框中。我认为这可以用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>

示例文本

var bank=document.getElementById(“input_1_2”); var countNum=document.getElementById(“input_1_10”); 银行加登特列表器(“键控”,功能(e){ countNum.value=bank.value.length; }); document.getElementById(“预览”).innerHTML=countNum.value;
因此,用户将在#input_1_10中键入他们的“消息”,我需要一种方法来计算字符数(最好不计算空格),并在用户提交表单之前在#input_1_2中打印它们

**编辑:我还想知道如何将#input_1_2的值写入ID为#preview的段落**


感谢您的关注;)

在第一个输入中添加一个
eventListener
。在这种情况下,每当用户按下并释放一个键时,输入的长度将显示在第二个输入中

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

var bank=document.getElementById(“input_1_10”);
var countNum=document.getElementById(“input_1_2”);
银行加登特列表器(“键控”,功能(e){
countNum.value=bank.value.length;
});

非常感谢,我就快到了!我怎样才能详细说明一下,同时将#input_1_10的值写入div?如果我有一个id为“preview”的段落标记,在Javascript中会与此类似吗?[上面更新的代码]抱歉,仍在学习;)你所拥有的其实非常接近。请记住,
函数(e)
部分在每次按下键时都会运行,因此您希望将
innerHTML
内容放在该函数中。祝你好运:)