Javascript 当值超过最大字符数时，如何更改文本框的颜色
我有一个宽度不同的文本框，让我们假设文本框中可见字符的最大数量是10。现在我希望当用户输入超过10个字符时，文本框的颜色会改变 要检查所有值，用户必须将鼠标悬停在上面。 那么，如何根据给定的条件更改文本框的颜色呢 谢谢 或Javascript 当值超过最大字符数时，如何更改文本框的颜色,javascript,html,Javascript,Html,我有一个宽度不同的文本框，让我们假设文本框中可见字符的最大数量是10。现在我希望当用户输入超过10个字符时，文本框的颜色会改变 要检查所有值，用户必须将鼠标悬停在上面。 那么，如何根据给定的条件更改文本框的颜色呢 谢谢 或 请告诉我如何在文本框中找不到可见字符，您必须使用javascript来完成此操作 检查文本框中字符串的长度。如果长度>10，则更改文本框的背景色。您可以使用Javascript来完成此操作 一个问题 是否要将空格计为字符？还是只想在没有空格的情况下计算字符数 <scri
请告诉我如何在文本框中找不到可见字符，您必须使用javascript来完成此操作
检查文本框中字符串的长度。如果长度>10，则更改文本框的背景色。您可以使用Javascript来完成此操作 一个问题 是否要将空格计为字符？还是只想在没有空格的情况下计算字符数
<script>
function checkLength(textField) {
var strText = textField.value;
// if without spaces
strText = strText.replace(/^\s+|\s+$/g,"");
if(strText.length > 10) {
textField.style.backgroundColor = "#ff0000";
} else {
textField.style.backgroundColor = "#ffffff";
}
}
</script>
<input type="text" name="sometextfield" onkeyup="checkLength(this);" />
函数校验长度（textField）{
var strText=textField.value；
//如果没有空格
strText=strText.replace（/^\s+|\s+$/g，“”）；
如果（strText.length>10）{
textField.style.backgroundColor=“#ff0000”；
}否则{
textField.style.backgroundColor=“#ffffff”；
}
}
希望这有帮助 您需要做一些研究，以便在用户键入时动态更改计数，但下面是一个很好的开始方法：
<html>
<head>
<script type="text/javascript">
function getCount()
{
document.getElementById("txtCount").innerHTML = document.getElementById("myText").innerHTML.length;
}
</script>
</head>
<body>
<p id="txtCount">Mouse over the sun and the planets and see the different descriptions.</p>
<textarea id="myText" cols=60 rows=3 onmouseover="getCount();">hello</textarea>
</body>
</html>
函数getCount（）
{
document.getElementById（“txtCount”）.innerHTML=document.getElementById（“myText”）.innerHTML.length；
}
将鼠标移到太阳和行星上，查看不同的描述
你好
打开一个新的文本文件，复制上面的代码并用HTML扩展名保存，然后用浏览器打开，只需将鼠标指针悬停在textarea上，您就会注意到一个文本会随着textarea控件内字符数的变化而变化。如果您熟悉jQuery，可以通过以下方法解决此问题： html
我真的不知道“不可见”字符。我刚刚假设它是10个字符，但实际上我不知道我已经设置了像素宽度，它必须动态完成，向我提供脚本关注可见区域或文本框大小，而不是字符的最大长度可能是我没有告诉你我的错误，我正在从数据库和有时在页面上，我希望文本框的颜色应该改变，即使我没有移动鼠标。这是为了让用户了解文本框中的文本超出了他所能看到的范围，并补充说，如果它与输入框的
sizemaxlength$（'input[type=“text”]”）。mouseover（）<input type="text" name="textField" title="textField" value="asdfasdfasdf" />
$('input[type=text]').mouseover(function () {
if($(this).val().length > 10)
{
$(this).css('background-color', 'red');
}
});