Javascript自动计算输入字段中的字符总数

Javascript自动计算输入字段中的字符总数,javascript,count,character,Javascript,Count,Character,我有一个问题要解决。这就是我到目前为止所做的,它似乎是按原来的方式工作的,但是当我添加一个php变量来自动弹出输入字段时,它似乎没有计算所使用的字符 此字段的最大值为80个字符,我无法控制。我必须将其限制为最多80个字符。一旦表单加载并填充字段,我需要输入字段进行aut计算。当我将php变量包含到输入值中时,输入字段将显示填充了字符的字段,但是该字段将保持为“零”字符,直到我在字段中移动鼠标并尝试添加另一个字符 <!doctype html> <html> <hea

我有一个问题要解决。这就是我到目前为止所做的,它似乎是按原来的方式工作的,但是当我添加一个php变量来自动弹出输入字段时,它似乎没有计算所使用的字符

此字段的最大值为80个字符,我无法控制。我必须将其限制为最多80个字符。一旦表单加载并填充字段,我需要输入字段进行aut计算。当我将php变量包含到输入值中时,输入字段将显示填充了字符的字段,但是该字段将保持为“零”字符,直到我在字段中移动鼠标并尝试添加另一个字符

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script type="text/javascript">
document.testform.countInput.focus();
function countChars(countfrom,displayto) {
  var len = document.getElementById(countfrom).value.length;
  document.getElementById(displayto).innerHTML = len;
}
</script>

<form id="testform">
Title: <strong id="countOutput">0</strong><strong>/80 Max Character</strong>
<input  type="text" name="dsp_URL" value="" size="80" maxlength="80"  lengthcut="true" id="countInput" onkeyup="countChars('countInput','countOutput');" /><br />
</form>

<script type="text/javascript">


var input = document.getElementById ("countInput");
input.focus ();
</script>
<body>
</body>
</htmt>

无标题文件
document.testform.countInput.focus();
函数countChars(countfrom、displayto){
var len=document.getElementById(countfrom).value.length;
document.getElementById(displayto).innerHTML=len;
}
标题:0/80最大字符数

var input=document.getElementById(“countInput”); input.focus();
我认为可以安全地假设,通过php用字符串填充文本字段不会触发countChars()的条件,因为它的触发器是该文本字段上的onkeyup


也许你能找到对你的问题有帮助的解决方法。我希望这有助于您的验证:)

您应该在加载页面时调用函数以及
onkeyup
事件

document.testform.countInput.focus();
函数countChars(countfrom、displayto){
var len=document.getElementById(countfrom).value.length;
document.getElementById(displayto).innerHTML=len;
}

无标题文件
标题:0/80最大字符数

countChars('countInput','countOutput');
您的代码不包含任何PHP,因此不清楚您在问什么。请注意,在运行任何JavaScript之前,PHP是在服务器端处理的。页面返回到客户端后,不能使用PHP代码。另外,
document.getElementById(countfrom).value.length
!=
document.getElementById(countfrom).value
php变量将放入我遗漏的value=“$url”。但测试时它不起作用。您需要做两件事之一:(1)在页面加载时输出所需的长度(例如,
),或(2)在页面加载时调用JavaScript函数。它将是
0
或任何你预先填充它的东西,直到JavaScript启动。让它工作吧,伙计们。谢谢你的输入。有没有其他事件可以触发它?我在这里迷路了。