如何计算已在jsp文本框中输入的文本的时间?

时间:2018-10-03 05:48:27

标签: java html jsp

<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在文本框中输入的连接名称的次数?

1 个答案:

答案 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>