How to successfully mask a text box with "*" for every character entered?
So I am creating a password box for an early-access game I am working on and just for fun, I decided to want to replace every character with "*" whenever entered. I have a simple script below that only changes the first character with the mask but won't allow any other characters to be entered.
Local Script
local box = script.Parent.Password
box:GetPropertyChangedSignal("Text"):Connect(function()
local strg = box.Text
if string.gsub(strg, "^%.", {}) then
local new
for i = 1, strg:len() do
new = "*"
end
box.Text = new
end
end)
1 answer
Hello!
I remember when I attempted to do the exact same thing, when people would enter a password to continue, and then hide their input (or mask it) by having "*" instead of the characters the users had entered.
Now, I thought of the same solution as you, by changing the actual TextBox, however, it just turned up to be buggy, and after a while of thinking I got a solution where I simply had a TextLabel above the TextBox by having the TextLabel's ZIndex higher than the TextBox.
Simply: - create TextLabel and have exact same size and position (if you want to..) - set the TextLabel's ZIndex to one higher than the TextBox, then you won't be able to see the characters in the TextBox
Then, create a script that edits the TextLabel's text based on amount of characters in the TextBox.
A simple variant:
-- The TextBox
local PasswordInput = script.Parent.PasswordInput;
-- The TextLabel
local PasswordMask = script.Parent.PasswordMask;
PasswordInput:GetPropertyChangedSignal("Text"):Connect( function ()
local currentPasswordInput = PasswordInput.Text;
-- Add * based on the amount of characters in the password input
PasswordMask.Text = ("*"):rep(#currentPasswordInput);
-- You could alternatively use string.rep("*", #currentPasswordInput)
end)
That's a simple hacky solution, which in my opinion is better than changing the actual TextBox.
I hope this helped, if you have any questions, please ask!
1
0
1
0
2