使用Jquery或javascript屏蔽带有星号(*)的输入文本字段

masking input text field with asterisk (*) using Jquery or javascript

本文关键字:输入 字段 文本 Jquery javascript 屏蔽 使用      更新时间:2023-09-26

使用Jquery或javascript屏蔽带有星号(*)的输入文本字段。谁能给出解决这个问题的方法?

我已经搜索了很多,但没有得到任何答案。

甚至尝试javascript,jquery与纯编码星号即将到来。问题是:我无法得到正确的值。

$(document).ready(function(){
        var val1="",val2="",val3,x,x1,i,asc;
        $("#psw").keyup(function(){
            //val1=val1+String.fromCharCode(e.keyCode);
            val1=$("#psw").val().toString();                
            asc=val1.charCodeAt(val1.length-1);
            if((asc>=97 && asc<=122) || (asc>=65 && asc<=90))
            {
                val2=val2+val1[val1.length-1];              //actual value
            }
            //setInterval(function(){},700);

            //alert(val1);
            //val1=val1+String.fromCharCode(e.keyCode);
            x=val1.length;  
            x1="";  
            for(i=0;i<x;i++)
            {
                x1=x1+"*";
            }   
            //$("#psw").val("");
            $("#psw").val(x1);

        });
        $("#psw").keydown(function(){
            val3="";
            for(i=0;i<val2.length-1;i++)
            {
                    val3=val3+val2[i];
            }
            val2=val3;
        });

用户在带有id="psw"的文本框中输入的最终值将按照此代码存储在val2中。但由于keyupkeydown的延迟问题,没有得到合适的值。

你知道,input有一个password类型,使用它,而不是创建你自己的!

<input type="password" />