计算一个输入字段的长度,并使用Gravity表单和Javascript在另一个字段中打印它
我正在使用Wordpress的重力表单,我正在尝试找出如何计算用户在我的一个输入框中键入的字符长度,并以相同的形式将该数字打印到另一个输入框中。我认为这可以用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
<!-- 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
内容放在该函数中。祝你好运:)