根据textarea字段的长度计算按钮的可见属性

Question

我想根据文本区域字段的内容（多行编辑框）计算按钮的可见性。它应至少包含一些文字。

我可以使用onkeypress事件（服务器）并对按钮执行部分刷新但是我注意到当用户在字段中写入时会出现部分刷新微调器。我想避免这种情况。

我有哪些选择？

Answer 1

您最好为该事件编写客户端脚本。当textarea中有超过200个字符时，此脚本应显示按钮。您最初需要将样式可见性设置为隐藏按钮。如果表单可以多次编辑，则需要将其作为函数编写，并在页面加载和按键事件中调用它。

如果你可以使用keyup事件而不是keypress，那可能会更好。

var textareaID = '#{id:textareaID}';
var buttonID = '#{id:buttonID}';
var textareaValue = document.getElementById(textareaID).value;
var visibility;

if (textareaValue.length > 200) {
    visibility = 'visible';
}
else 
{
    visibility = 'hidden';
}
document.getElementById(buttonID).style.visibility=visibility;