How to setup custom password field for login

Ask the community
, ,
1

Hi everyone,

I am creating a custom login lightbox in order to use it instead of the wix default login page.

Is there any way to create a custom password field (with characters hidden) ?

In the API, it says :

Logs a user in using data from input elements

import wixUsers from 'wix-users';

let email = $w("#email").value;
let password = $w("#password").value;

wixUsers.login(email, password)
  .then( () => {
    console.log("User is logged in");
  } )
  .catch( (err) => {
    console.log(err);
  } );

Well, this is exactly what I have done, and everything works fine. EXCEPT : my password field is a basic input field, which shows the characters of the password when you type it.

How can I add a password field ?

For your information, this is how the login works :

I have setup the login/signup type to “Corvid Form” and connect it to a lightbox.
On this lightbox, I have my Email and Password fields (the one that doesn’t hide the characters).
These fields are connected with code to login the user.
I also have the code to close the lightbox “login button” click.

Members that don’t have their account yet can click on a link that direct them to another lightbox for the custom signup form, which works fine and have a normal password field from the signup form.

How to create a custom login form as supposed by @GOS here : https://www.wix.com/corvid/forum/community-feature-request/redirect-to-custom-login-page-instead-of-default-wix-login

Where the password field is a “real” password filed with hidden character and a minimum of security ?

Thanks a lot for your help

2

I think I got it with :

$w("#myTextInput").inputType = "password";

Will give it a try now

3

Looks like I got it right, if a mod comes here, the topic can be closed.
Sorry for the public brainstorming