input密码输入框显示为星号“*”

input密码输入框显示为“*”

需要注意的是:input的type属性需设置为"text"

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>input密码框显示为星号“*”</title>
    </head>
    <body>
        <!--type需设置为text-->
        <input type="text" />
    </body>
</html>
<script type="text/javascript" src="jquery-3.2.1.js" ></script>
<script>
    var str='';  //定义一个空变量用来存储密码
    $('input').keyup(function(){
        var value=$(this).val();    //输入的时候获取输入框的值  
        str+=value.substr(value.length-1,1); //获取最后一个字符加到到str,因为除了最后一个字符,其他的已经为*
        $(this).val(value.replace(/./g,'*')) //输入框内容全部变为*
        console.log(str); //str即为输入框的内容
    })
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,079评论 19 139
  • 你从我身边经过, 是红蓝格子衬衣, 和空气中温温甜甜的笑, 衣袂飘飘的那一刻, 明明什么都没有发生...
    一只哨子阅读 254评论 2 4
  • 大约在两年前我给自己取了这样一个名字 一直以来 从骨子里带着一股韧劲 只要是自己想做的事 便会理清思路 立马行动...
    丫头Z折腾阅读 358评论 0 0
  • 说在前面的话 在下小白学习ios开发已有一段时间了,没有报实体班,基本看视频自学,随之而来的当然各种各样的问题。我...
    温州的柯阅读 4,010评论 2 3
  • 今天给大家奉献的是一个理财的技巧,可以让你多赚至少20%的技巧。 具体怎么操作呢?请各位听我详细介绍。 活动来源:...
    简书里的爱可阅读 436评论 0 0