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

2023年11月4日 494次阅读 来源: 是萌面怪瘦呀

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>
    原文作者：是萌面怪瘦呀
    原文地址: https://www.jianshu.com/p/32cc243174b9
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞