我正在使用 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>
因此,用户将在 #input_1_10 中键入他们的“消息”,我需要一种方法来计算字符数(最好不计算空格)并在用户提交表单之前在 #input_1_2 中打印它们。
** 编辑:我还想知道如何将 #input_1_2 的值写入 ID 为 #preview 的段落中。 **
感谢您的关注;)
Add an 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)