如何生成星号密码

Question

前端怎么把登录时输入的密码由......改成,并且在手机上可测

Answer 1

用两个input,其中真实那个定位,改成透明,假的那个用来展示,内容就是真实内容替换为*

Answer 2

第一种方法：

    <input class="ipt" type="text">
    <script src="./js/jquery-2.2.4.min.js"></script>
    <script>
    var str=""; //用于保存正确密码
    $(".ipt").on("keyup",function() {
        var val = this.value;
        if (val.length > str.length) {
            str+=val.substr(-1);  //取最后一位（未变成*前的数字）保存到str
        }
        this.value = val.replace(/./g, "*") //将输入的值替换为*号
    })

第二种方法：
点击按钮切换密码的显示或隐藏

<input class="ipt" type="text">
<button>按钮</button>

<script src="./js/jquery-2.2.4.min.js"></script>
<script>
    var flag=1;
    $("button").on("click",function() {
    if(flag) {
        $(".ipt").attr("type","password");
        flag=0;
    }else{
        $(".ipt").attr("type","text");
        flag=1;
    }
})
</script>