时间戳

首页 > 解决方案 > 打印用户输入但在数字之间添加新格式或字符？

html - 打印用户输入但在数字之间添加新格式或字符？

问题描述

我想输入数字并像下面的示例一样打印它们。

输入：0000000000 打印格式：*0*0*0*0*0*0*0*0*0*0*

我似乎无法用我读过的关于 html 格式的内容来弄清楚。如果我可以使用类似： $(this).formatCurrency({ symbol: '*', 在数字之间添加 *。

非常感谢任何帮助或提示！

到目前为止我所拥有的是这个

enter code here
<!DOCTYPE html>
<html>
  <head lang="en">
  <meta charset="UTF-8">
  <script language="JavaScript">
       function showInput() {
       document.getElementById('display').innerHTML = 
                document.getElementById("user_input").value;
       }


 </script>

  </head>
<body>

  <form>
    <label><b>Enter a Message</b></label>
    <input type="text" name="message" id="user_input">
  </form>

  <input type="submit" onclick="showInput();"><br/>
  <label>Your input: </label>
  <p>*<span id='display'></span>*</p>
</body>
</html>

标签： htmlinputprinting

解决方案

您可以像下面这样使用 concat：

function showInput() 
 {

  var inp=document.getElementById("user_input").value;
  var hello='*';
  
  for (var i = 0; i < inp.length; i++) {
    hello+=inp[i].concat('*');
  }

 document.getElementById('display').innerHTML = hello;
 }
<!DOCTYPE html>
<html>
  <head lang="en">
  <meta charset="UTF-8">

  </head>
<body>

  <form>
    <label><b>Enter a Message</b></label>
    <input type="text" name="message" id="user_input">
  </form>

  <input type="submit" onclick="showInput();"><br/>
  <label>Your input: </label>
  <p><span id='display'></span></p>
</body>
</html>

推荐阅读