javascript - 如何让 javascript 字符计数器添加多个文本框的总计

Question

我似乎无法在任何地方找到有关如何执行此操作的任何信息。我什至不知道使用 && 是否可以将文本框值添加在一起。我可以让计数器轻松计算一个或另一个框的数量，但我需要两个框中的文本来给出剩余的总字符数，前提是每个框中的组合字符不超过 500。

这是我的 JavaScript 计数器。

<SCRIPT type="text/javascript">
function textCounter(field,cntfield,maxlimit) 
{
  if (field.value.length > maxlimit)
    field.value = field.value.substring(0, maxlimit);
  else
    cntfield.value = maxlimit - field.value.length;
}
</script>

这是我的文本框。

    <form name="myForm">
    <textarea name="message1" wrap="physical" cols="28" rows="5"
    onKeyDown="textCounter(document.myForm.message1 && document.myForm.message2,document.myForm.chars,500)"
onKeyUp="textCounter(document.myForm.message1 && document.myForm.message2,document.myForm.chars,500)"></textarea>
<br>
<textarea name="message2" wrap="physical" cols="28" rows="5"
onKeyDown="textCounter(document.myForm.message1 && document.myForm.message2,document.myForm.chars,500)"
onKeyUp="textCounter(document.myForm.message1 && document.myForm.message2,document.myForm.chars,500)"></textarea>
<br>
<input readonly type="text" name="chars" size="3" maxlength="3" value="500">
characters left

Answer 1

看起来您正在尝试将两个对象作为第一个参数传递给函数 textCounter 。您不能将它们与&&(逻辑上的“与”)放在一起。不过，您可以将对象数组传递给 textCounter。

textCounter( [document.myForm.message1,document.myForm.message2], ... )

从 textCounter 中，您可以通过索引访问对象

textCounter( fields, ... ) {
    if ( fields[0].value. length ... ){}
    if ( fields[1].value. length ... ){}
}