Js实现input框输入时将之前的值替换为*，停止输入一秒后将最后的字符替换为*...

最新推荐文章于 2024-07-11 15:29:37 发布
最新推荐文章于 2024-07-11 15:29:37 发布
阅读量1.9k 收藏 8
点赞数
文章标签： 前端 ViewUI
原文链接：http://www.cnblogs.com/thinkerWang/p/11613193.html
版权
本文介绍了一个前端实现，当在input框中输入时，内容自动被星号替换，且在停止输入一秒钟后，最后一个字符也会被替换。通过提供的链接可以查看演示效果，并提供了源代码。
摘要由CSDN通过智能技术生成

展示效果地址：https://1963331542.github.io/inputPassword/

源代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>input密码框显示为星号“*”</title>
  </head>
  <body>
    <input type="text" />
    当前输入值为:<span></span>
  </body>
</html>
<script>
  var str = ""; //str变量用于存储密码
  //获取input元素
  var input &
最低0.47元/天 解锁文章
b107738
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
input密码框输入后设置显示为星号或其他样式
weixin_30772105的博客
11-27 6972
预览效果 核心代码 <div class="text-input" :class="right?'textinput-right':''"> <span :style="right?{paddingRight:'5px'}:{paddingLeft:'5px'}" v-if="star">{{"*".repeat(text.length)}}</...
javascript实现把input password的默认的黑圆点变成“*”号，并保存输入值
@奮 鬥@的专栏
01-25 8560
asdf       $(document).ready(function () {         var i = 0;         var value="";         $("#txtCustomsCode").keyup(function (e) {//给所需要处理的文本框处理keyUp事件              e = e || window.event;
javascript 实现文本框明文转暗码
东语的专栏
10-31 1047
本文是介绍通过javascript 实现文本框内容以明文形式转暗码（如：转成*号）。 效果图： 鼠标移开后： 代码： .body_input_data { font-family :"ＭＳゴシック"; font-size :10pt; text-align :left; ver
AS3密码文本框（输入后先显示明文1秒以后显示星号）
04-22
AS3密码文本框（输入后先显示明文1秒以后显示星号）
vue传中文标点_vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
weixin_30120049的博客
12-24 1009
我就废话不多说了，大家还是直接看代码吧~verifyInput(v){let _this=this;let punctuation = /[`~!@#$%^&*_\-=<>?:"{}|.\/;'\\[\]·~！@#￥%……&——\-={}|《》？：“”【】、；‘'。、]/im;let arr=v.split('')let str=''arr.map(i=>{if(...
js内容替换为**
hum1108的博客
08-29 1273
<input type="text" placeholder="请输入" id="card" onblur="cars(this)"> function card(val){ let user = []; let username = val.value; for (var i = 0; i < username.length; i++) { var name = username[i].replace(username[i], '*'); user.push(
根据input框值替换指定的属性值
Johnson的博客
09-15 503
$("input[data-title=' 批量锁定']").attr({"data-tdtype": "batch_action_lock"}); $("input[data-title=' 批量解锁']").attr({"data-tdtype": "batch_action_lock"});
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
11-19
Input v-model=”relatedWords” type=”textarea” placeholder=”请输入” @input=’verifyInput(formItem.relatedWords)’/> verifyInput(v){ let _this=this; let punctuation = /[`~!@#$%^&*_\-=<>?:...
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
10-30
描述"在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码"，详细介绍了我们需要实现的功能，即在第一个输入框内输入内容时，文本框自动获得第一个文件框的值。 标签解释 标签"在第一个...
Vue.js页面中有多个input搜索框如何实现防抖操作
10-16
在Vue.js应用中，当你需要处理多个输入框（如搜索框）时，避免频繁触发查询请求，可以使用防抖(debounce)技术。防抖函数在用户停止输入一段时间后才执行，这样可以有效地减少不必要的请求，提高用户体验。在本场景中...
正则表达式解决input框固定输入值得格式(金额,特殊字符)
01-18
在写输入用到input的时候，经常出现以下几种情况： 只能输入某。栗子：只能输入数字，只能输入字母（大写，小写）只能输入某固定格式。栗子：只能输入金额，只能输入小数且最多保留2位不能输入某。栗子：不能输入...
vue.js input框之间赋值方法
10-18
本文将详细讲解如何在Vue.js中实现input输入框之间的赋值方法，以及扩展讨论Vue中元素和属性的赋值策略。 首先，我们来看如何在Vue实例中实现两个input框之间的值传递。在提供的示例中，有两个主要的方法`test1`和`...
html改变输入框的值,一个Input框值改变，另一个显示内容也改变
weixin_42532067的博客
06-04 2108
HTML页面代码姓名性别年龄班级学校JS代码var ta_nr={'姓名' : '','性别' : '','年龄' : '','班级' : '','学校' : ''};function inpChange(id) {var nr = $('#'+id).val();var mc = $('#'+id+'_spa').text();ta_nr[mc] = nr;//复制一个...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
weixin_31095703的博客
04-07 656
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取、赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改input文本框内容的方法。分享给大家供大家参考，具体如下：一 介绍获取文本框并修改其内容可以使用getElementById()方法来实现。getElementById()方法可以通过指定的id来获取HT...
html 输入框换行替换,js 文本输入框，替换空格，回车为特殊字符（兼容pc端+移动端）...
weixin_36258891的博客
06-04 392
看效果看源码：Document#text{margin:20px auto;padding:4px;width:80%;min-height:200px;box-shadow:0 0 10px #000;}#content{display: inline-block;padding:10px;margin:0 auto;width:96%;height:200px;}var content = d...
el-input输入中文替换成空
wqnmlgbsz的博客
11-12 848
<el-inputname="username"type="text"id="username"value=""onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"></el-input>
javascript把输入的数字或字母变成****
geloom305的专栏
10-13 793
New Document <!-- function Test(obj){ var str=obj.value; if(str.length>3&&str.length<8){ str=str.substr(0,
IE10+浏览器input输入框或search输入框的叉号（×）问题
wang415229224ye的博客
07-14 768
IE中： input[type=text]::-ms-clear{display: none;} input[type=search]::-ms-clear{display: none;} 谷歌中： input::-webkit-search-cancel-button{display: none;}
Node多版本管理器NVM安装使用
最新发布
GongWeiBuQi的博客
07-11 176
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。
java实现将给定字符串中间四位字符替换为*
09-14
### 回答1： Java 代码如下： ``` public static String replaceMiddle(String input) { int length = input.length(); if (length <= 2) { return input; } else if (length % 2 == 0) { int midIndex = length / 2 - 1; return input.substring(0, midIndex) + "**" + input.substring(midIndex + 2); } else { int midIndex = length / 2; return input.substring(0, midIndex - 1) + "*" + input.substring(midIndex + 1); } } ``` 示例： ``` String input = "abcdef"; System.out.println(replaceMiddle(input)); ``` 输出： ``` ab**ef ``` ### 回答2： 可以利用Java中的字符串操作来实现将给定字符串中间四位字符替换为*的功能。具体实现如下： ```java public class Main { public static void main(String[] args) { String str = "abcdefghi"; String replacedStr = replaceMiddleChars(str); System.out.println(replacedStr); } public static String replaceMiddleChars(String str) { int length = str.length(); if (length < 8) { return str; // 字符串长度小于8时不做任何替换，直接返回原字符串 } int startIndex = (length - 4) / 2; // 中间四位字符的起始索引 int endIndex = startIndex + 4; // 中间四位字符的结束索引 String beforeMiddle = str.substring(0, startIndex); String afterMiddle = str.substring(endIndex); // 使用StringBuilder来拼接字符串 StringBuilder replacedStr = new StringBuilder(beforeMiddle); for (int i = 0; i < 4; i++) { replacedStr.append('*'); } replacedStr.append(afterMiddle); return replacedStr.toString(); } } ``` 以上代码中，通过`replaceMiddleChars`方法实现了将给定字符串中间四位字符替换为*的功能。如果字符串长度小于8，则直接返回原字符串；否则，通过字符串的`substring`方法将字符串分为中间四位字符的前后两部分，然后通过StringBuilder拼接字符串，将中间四位字符替换为*，最后返回替换后的字符串。 以上代码的输出结果是： ``` abc***ghi ``` 根据给定的字符串"abcdefghi"，将中间四位字符"defg"替换为*，得到的结果为"abc***ghi"。 ### 回答3： 要实现将给定字符串中间四位字符替换为*，可以使用Java中的字符串操作方法。 1. 首先，我们需要获取给定字符串的长度。可以使用String类的length()方法获取字符串的长度。 2. 判断字符串的长度是否大于等于8，确保字符串长度足够长。如果长度不够长，则无法将中间四位字符替换为*。 3. 对于符合长度要求的字符串，我们可以使用String类的substring()方法获取字符串的前两位和后两位。将这部分字符串保存到新的变量中。 4. 使用String类的replace()方法，将给定字符串中间四位字符替换为*。 5. 最后，将步骤3中保存的字符串前两位、替换后的字符串和后两位拼接起来，形成最终的替换后的字符串。 下面是一个示例代码： ```java public class ReplaceMiddleFourChars { public static void main(String[] args) { String originStr = "abcdefghijk"; // 获取字符串长度 int length = originStr.length(); // 判断长度是否大于等于8 if (length >= 8) { // 截取前两位和后两位字符 String prefix = originStr.substring(0, 2); String suffix = originStr.substring(length - 2); // 替换中间四位字符为* String replacedStr = originStr.substring(0, length/2 - 2) + "****" + originStr.substring(length/2 + 2); // 拼接替换后的字符串 String resultStr = prefix + replacedStr + suffix; System.out.println(resultStr); } else { System.out.println("字符串长度不足，无法替换中间四位字符。"); } } } ``` 以上代码输出的结果为：ab****jk。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值