2010-10-05 176 views
0

我有一個文本字段。 我要在其中輸入電子郵件..例如。 [email protected]格式化文本字段輸入

我想的是,只要用戶鍵入字符「@」,字符串的其餘部分被遮住,使得它似乎用戶觀看的用戶名@* ***

但在後臺,輸入的真實密鑰必須以某種方式捕獲。

有沒有辦法做到這一點使用JavaScript?

+0

請問,你爲什麼需要這個? – cherouvim 2010-10-05 05:55:59

+0

也許你可以添加你的功能來掩蓋像http://www.pengoworks.com/workshop/js/mask/ – 2010-10-05 05:57:36

+1

因爲模糊的拼寫錯誤對每個人都很有趣? =/ – 2010-10-05 06:02:42

回答

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)); 
    } 
}); 
+0

感謝您的代碼。 – ptamzz 2010-10-05 06:21:59

+0

你可以給每條線放一個小評論嗎? Im新的jQuery。 – ptamzz 2010-10-05 06:22:50

+0

好的。我會弄清楚。謝謝:) – ptamzz 2010-10-05 06:26:25

2

我不知道爲什麼你會想這樣做,但你可以添加一個onkeypress事件功能,它增加了輸入字母的隱藏字段的文本字段,然後更新與主演出副本的文本字段。

1

您可以使用onKeyDown事件來捕捉用戶輸入。

使用隱藏字段,守在那裏的真正價值。按下新字符時,將其添加到隱藏字段的值中,並在文本字段中顯示掩碼文本。

而且你必須要小心使用特殊字符(退格尤其是)。