Custom Registration form

Ask the community
,
1

Hey All, Was wondering fi you could help me with my code for my custom register form via light box.
Im not sure what i have done wrong with the code as when i click enter or click my button it doesnt seem to do anything at this point. It should be checking if the email exists, if yes display error, if not proceed with registering new member and re direct to my account page.

My Code:

import wixUsers from ‘wix-users’;
import wixLocation from ‘wix-location’;
import wixWindow from ‘wix-window’;
import wixData from ‘wix-data’;
let registration;

$w.onReady(function () {

$w(“#forgotPassword”).onClick((event) => {

wixUsers.promptForgotPassword()
.then(() => {
//
})
.catch((err) => {
let errorMsg = err;
});
});

if (wixUsers.currentUser.loggedIn) {
//wixLocation.to(“/account/my-account”); //Change the URL ending to the page you want to redirect the user if they are already logged in
}

$w(“#password”).onKeyPress((event) => {
let key = event.key;
$w(‘#errorMessage’).hide();
$w(‘#emailexists’).hide();
if (key === “Enter”) {

console.log(“Pressed Enter key on Password field”); //You can change the text of this line or delete it

if ($w(“#email”).valid && $w(“#password”).valid && $w(“#firstName”).valid && $w(“#lastName”).valid) {
let email = $w(“#email”).value;
let password = $w(“#password”).value;
let first = $w(“#firstName”).value;
let last = $w(“#lastName”).value;

wixUsers.register(email, password, { 
  contactInfo: { 
    "firstName": $w('#firstname').value, 
    "lastName": $w('#lastname').value, 
  } 
 }) 
 .then((result) => { 
  wixLocation.to("/account/my-account"); //Change the URL ending to the page you want to redirect the user after they successfully register 
 }) 
 .catch((err) => { 
  let errorMsg = err; 
  console.log(errorMsg); 
  $w('#emailexists').show(); 
 });

} else {
console.log(“Some inputs are invalid”); //You can change the text of this line or delete it
$w(‘#errorMessage’).show();
}
} else {
console.log(“Did not press Enter key.”); //You can change the text of this line or delete it
}
});

$w(“#registrationButton”).onClick((event) => {
console.log(“Button was clicked”); //You can change the text of this line or delete it
$w(‘#errorMessage’).hide(); //We want to hide all error messages when the person attempts to register again
$w(‘#emailexists’).hide(); //We want to hide all error messages when the person attempts to register again
if ($w(“#email”).valid && $w(“#password”).valid && $w(“#firstName”).valid && $w(“#lastName”).valid) {
registerPerson();
console.log(“Trying to register”); //You can change the text of this line or delete it
} else {
$w(‘#emailexists’).show(); //This is were we prompt the message to show up again ONLY if there is an error
console.log(“Missing information”); //You can change the text of this line or delete it
}

});

});

function registerPerson() {

let email = $w(“#email”).value;
let password = $w(“#password”).value;
let first = $w(“#firstName”).value;
let last = $w(“#lastName”).value;

wixUsers.register(email, password, {
contactInfo: {
“firstName”: $w(‘#firstname’).value,
“lastName”: $w(‘#lastname’).value,
}
})
.then((result) => {
wixLocation.to(“/account/my-account”); //Change the URL ending to the page you want to redirect the user after they successfully register
})
.catch((err) => {
let errorMsg = err;
console.log(err);
$w(‘#emailexists’).show(); //This is were we prompt the message to show up again ONLY if there is an error
});
}

440×525 25.3 KB

#firstname
#lastname
#email
#password
#emailexists
#errormessage
#registerbutton

I used a tutorial and pre set code and amended to get this but still cant get it to work. Your help would be so much appreciated.