格式化文本字段输入

时间:2010-10-05 05:49:23

标签: javascript

我有一个文本字段。 我要在里面输入电子邮件..例如。 username@domain.com

我想要的是,只要用户输入字符“@”,字符串的剩余部分就会被屏蔽,以便用户看到用户名@ * ***

但是在后端,必须以某种方式捕获键入的真实键。

有没有办法使用javascript ??

3 个答案:

答案 0 :(得分:2)

我不知道您为什么要这样做,但是您可以在文本字段中添加onKeyPress函数,该函数将键入的字母添加到隐藏字段,然后使用已加星标的副本更新文本字段。 / p>

答案 1 :(得分:1)

您可以使用OnKeyDown事件来捕获用户输入。

使用隐藏字段,保持真实值。按下新字符时,将其添加到隐藏字段的值中,并在文本字段中显示屏蔽文本。

此外,您必须小心使用特殊字符(特别是退格键)。

答案 2 :(得分:1)

尝试使用jQuery

$("input").keyup(function(){
     var charIndex = $(this).val().indexOf("@");
     if(charIndex!=-1){
         charIndex++;     // to start with character after @
         $("#hidEmail").val($(this).val());
         var replaceStr = "";
         for(i=0;i< ($(this).val().length-charIndex) ; i++){
             replaceStr=replaceStr+"*";
         }
         $(this).val($(this).val().replace($(this).val().substr(charIndex),replaceStr));
     }
});