【问题标题】:how to count the number of time of the text that has been entered in a textbox in jsp?jsp中如何计算文本输入到文本框中的次数?
【发布时间】:2018-10-03 05:48:26
【问题描述】:
<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在文本框中输入连接名称的次数?

【问题讨论】:

  • 到目前为止你尝试了什么?
  • 使用 Javascript 或 Jquery。

标签: java html jsp


【解决方案1】:

您要计算输入的文本字符数吗?或者你想计算用户尝试进入连接的次数? 我甚至添加了 keyup 和 blur 侦听器来计算输入长度以及每次用户离开输入时:

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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-04-23
    • 2010-10-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多