Question

有人可以告诉我如何将文本区域限制为仅某些字符吗？假设是250。

function handle(){
  let element = document.getElementById('input')
  let value = element.value
  let maxLength = element.maxLength
  document.getElementById('remaining').innerText = `${maxLength - Number(value.length)} characters remaining`
  
}

<textarea col="8" rows="8" maxlength='250' onkeyup="handle()" id="input" value="">Hello World. Im born today.</textarea>
<p id='remaining'>250 characters remaining</p>

Answer 1

您可以使用textarea的maxlength属性

用户的最大字符数（unicode码点）可以进入。如果未指定此值，则用户可以输入字符数不受限制。

<textarea col="8" rows="8" maxlength='5'></textarea>

如果我想显示剩余多少个字符怎么办？就像我一样看到我写的评论了吗？

function handle(){
  let element = document.getElementById('input')
  let value = element.value
  let maxLength = element.maxLength
  document.getElementById('remaining').innerText = `Remaining charcaters   ${maxLength - Number(value.length)}`
  
}

<textarea col="8" rows="8" maxlength='250' onkeyup="handle()" id='input' value=''></textarea>
<p id='remaining'></p>

如何限制文本框？

1 个答案: