Allowing only members with certain email address

[danyarden14]

I am creating a website for my University’s students.
Our University email address has a unique suffix (“studentName @post .UniversityName .ac .il”)
but these email addresses belong to Gmail.
I want to allow sign-up with Google but only to users with this kind of mail address.
Is there a way to do this?
Thanks.

[pawelloniewski]

Hi Dan,

you can use custom validation - here is the example code .

You can also use code to verify the email input field like here:

let userEmail = $w('#UserInputField');
if(userEmail.includes('@domainname')
{
//save
}

[danyarden14]

Thank you for your quick reply.
Can you elaborate about the part where you save?
I tried to use register function but it won’t work
button 4 is my submit button.

export function button4_click(event) {
// Add your code for this event here:
console.log( “button was clicked!” );
let first = $w( “#firstname” ).value;
let last = $w( “#lastname” ).value;
let email = $w( “#email” ).value;
let password = $w( “#password” ).value;

if ($w( “#firstname” ).valid && $w( “#lastname” ).valid && $w( “#email” ).valid && $w( “#password” ).valid && $w( “#email” ).valid){
if (email.includes( “—univerisy mail string —” )){
// register as member using form data
wixUsers.register($w( ‘#email’ ).value, $w( ‘#password’ ).value, {
“contactInfo” : {
“firstName” : first,
“lastName” : last,
“emails” : email,
}
}).then((result) => {
$w( ‘#successMsg’ ).show();
setTimeout(() => {
$w( ‘#successMsg’ ).hide();
}, 3500 );
$w( “#email” ).placeholder = “email” ;
$w( “#password” ).placeholder = “password” ;
$w( “#firstname” ).placeholder = “first name” ;
$w( “#lastname” ).placeholder = “last name” ;
$w( ‘#email’ ).value = “” ;
$w( “#password” ).value = “” ;
$w( “#firstname” ).value = “” ;
$w( “#lastname” ).value = “” ;
})
. catch ((err) => {
console.log(err);
});
}
else {
$w( ‘#notUniverisyMail’ ).show();
}
}

[pawelloniewski]

I’ll check your code later on.

In meanwhile check if you successfully imported WixUser from WixUser, remove additional aspects of your code (like validation, timeouts etc.). Then your code will be a way easier to look and examine with the console.

[danyarden14]

Ok thank you.
I just solved this with a different solution.
Here is what I did in case someone finds it helpful:
I made a custom sign up page (did not change anything about it) and added the following code to the page:

$w.onReady(function () {
    $w("#email").onCustomValidation( (value, reject) => {
 if(!value.endsWith("@universityEndOfMail") ) {
         reject("Email address must be a bgu university address.");
        }
    });
});

Does the job for me …

[pawelloniewski]

Awesome! Good 4 you.

[cfaw786]

Does wix not support google users?

[danyarden14]

It does but I wanted to ensure a specific type of google users

[george_hale]

Hi! Would anyone know how to get this code working if you wanted multiple domains accepted?

[Jim_le_fevre]

Hey @danyarden14 - I’m aware that this is a very old post but I’m hitting the same snag here for a Univeristy forum on Wix.

I can see the code and vaguely understand it but can’t find the place on ‘the page’ where to put it.

Part of this might because my site is currently in Beta while the uni get money to pay for it (so it could be decades - harumph) and therefore I’m not on Premium Wix just yet but when I look at my custom sign up page it only allows me to ‘add’ custom elements or snippets, neither of which look like it’s the thing that the code goes into (and are also greyed out until I get Premuim).

Am I doing it ‘right’?

[Darryll_Colthrust]

@Jim_le_fevre I don’t know about the differences between the versions, but here is the updated version I’ve created.

1. Navigate to Manage Pages.
2. Click on the 3 dots for Signup
3. Select Custom Form
4. You should see 2 options to edit code.
   
   
5. If you don’t try this link first.
6. Then you can use the following code as an example to achieve blocking an email address that doesn’t match the desired domain. I will be making a few more edits and will update this post later.

$w.onReady(function () {
	const allowedDomains = [
        "@acme.com",
        "@unidomain.com",
        "@institute.edu",
        "@charity.org"
    ];

    $w("#input2").onCustomValidation((value, reject) => {
        const isValidDomain = allowedDomains.some(domain => value.endsWith(domain));
        
        if (!isValidDomain) {
            reject("Email address must be from an approved domain");
            $w("#text3").show();
            $w("#text3").text = "Rejected";
            $w("#button1").disable();
        } else {
            $w("#text3").hide();
            $w("#button1").enable();
        }
    });

});