<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Connection Unsuccessful</title>
</head>
<body>
<div class="container">
<label for="uname"><font size="4" color="black"><b>Connection Name</b></font></label>
<input type="text" placeholder="Connection Name" name="cname" required>
</div>
</body>
</html>
如何计算使用Java在文本框中输入的连接名称的次数?
答案 0 :(得分:0)
您要计算输入到输入中的文本字符的数量吗?还是要计算用户尝试进入连接的次数? 我甚至为监听和模糊添加了侦听器,以计算输入长度以及用户每次离开输入时的计数:
var conName = document.getElementById("conName");
var keyStrokeCnt = 0;
var inputCnt = 0;
var keyStrokeRes = document.getElementById("keyStrokeResult");
var inputRes = document.getElementById("inputResult");
function start() {
conName.addEventListener("keyup", function() {
keyStrokeCnt = conName.value.length;
keyStrokeRes.innerHTML = "Number of keystrokes entered: " + keyStrokeCnt;
});
//
conName.addEventListener("blur", function() {
inputCnt++;
inputRes.innerHTML = "Number of times input: " + inputCnt;
});
};
window.onload = start();
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Connection Unsuccessful</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
<div class="container">
<label for="uname"><font size="4" color="black"><b>Connection Name</b></font></label>
<input type="text" id="conName" placeholder="Connection Name" name="cname" required>
</div>
<div id="keyStrokeResult"></div>
<div id="inputResult"></div>
</body>
</html>