www.memberstack.com
Open in
urlscan Pro
34.249.200.254
Public Scan
URL:
https://www.memberstack.com/scripts/require-business-email-for-form-submission
Submission: On May 15 via automatic, source links-suspicious — Scanned from DE
Submission: On May 15 via automatic, source links-suspicious — Scanned from DE
Form analysis 2 forms found in the DOM
/search
<form action="/search" class="c_search_bar w-form"><input class="global-search-input w-input" tr-search-element="input" maxlength="256" name="query" placeholder="Search…" type="search" id="search" required=""><a tr-search-element="clear" href="#" class="c_search_clear w-inline-block" tabindex="0"><div class="c_search_clear-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 54.549 54.549">
<path id="Path_1" data-name="Path 1" d="M0,0H73.144" transform="translate(1.414 53.135) rotate(-45)" fill="none" stroke="currentColor" stroke-width="4"></path>
<path id="Path_2" data-name="Path 2" d="M0,0H73.144" transform="translate(1.414 1.414) rotate(45)" fill="none" stroke="currentColor" stroke-width="4"></path>
</svg></div><div class="c_search_clear-text">Clear Search Results</div></a>
<div class="c_search_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 32 32" stroke-width="2">
<g stroke-width="2" transform="translate(0, 0)">
<line data-color="color-2" x1="29" y1="29" x2="20.777" y2="20.777" fill="none" stroke="currentColor" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" stroke-linejoin="miter"></line>
<circle cx="13" cy="13" r="11" fill="none" stroke="#444444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" stroke-linejoin="miter"></circle>
</g>
</svg></div><input type="submit" class="c_search_button w-button" value="Search">
</form>Name: wf-form-rage-form — GET
<form id="wf-form-rage-form" name="wf-form-rage-form" data-name="rage-form" method="get" data-wf-page-id="646b288bdf737f5a46ed013b" data-wf-element-id="dd0c3070-592b-e9ad-16db-179bb0883515" aria-label="rage-form">
<div class="rage_field-wrap"><label for="email">Email</label><input class="input w-input" maxlength="256" name="email" data-name="Email" placeholder="optional" type="email" id="email" required=""></div>
<div class="rage_field-wrap"><label for="Messge">Message</label><textarea placeholder="Let us know what's wrong!" maxlength="5000" id="Messge" name="Messge" data-name="Messge" class="input w-input"></textarea><input type="hidden" id="ragePath"
name="path" value="/scripts/require-business-email-for-form-submission">
<div class="w-embed w-script">
<script>
window.onload = function() {
// Get the current page path
var currentPath = window.location.pathname;
// Find the input element by its ID
var inputElement = document.getElementById('ragePath');
// Set the value of the input element to the current path
inputElement.value = currentPath;
};
</script>
</div>
</div>
<div class="spacer-xsmall"></div>
<div data-sitekey="6LfqdWElAAAAAGGFxbyXFCts4UdvpRkClKy2jfxy" class="w-form-formrecaptcha g-recaptcha g-recaptcha-error g-recaptcha-disabled">
<div style="width: 304px; height: 78px;">
<div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-nrnzr0b4xofl" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfqdWElAAAAAGGFxbyXFCts4UdvpRkClKy2jfxy&co=aHR0cHM6Ly93d3cubWVtYmVyc3RhY2suY29tOjQ0Mw..&hl=de&v=vjbW55W42X033PfTdVf6Ft4q&size=normal&cb=esl5r6ipgfti"></iframe>
</div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div><input type="submit" data-wait="Please wait..." class="button w-button" value="Submit report">
</form>Text Content
Memberstack is currently LIVE on Product Hunt! Click here to Join the Discussion
→
Product
All Features
Components
Templates
Integrations
Roadmap
Sales Pitch
Customers
Case Studies
Testimonials
Pricing
Resources
Templates
Components
Scripts
Find Experts NEW
Blog
Forums
Ask the AI NEW
Help Center
Slack Community
Wishlist
API
DOM Package
Front End
React Package
Front End
Admin API
REST
Admin Package
Node.js
Jobs
Clear Search Results
Login
Memberstack 2.0
Memberstack 1.0
Get StartedGet Started
Find anything
⌘ + K
Ask the AI NEW
Search Help Center
Ask the Community
Message Support
Slack Channel
Product Wishlist
Report a Bug
Twitter - @Memberstack
System Status
Terms & Privacy Policies
SOMETHING NOT WORKING AS EXPECTED?
We would really appreciate if you could let us know what the issue is! If you
want us to get back to you about it, you can leave your email too.
Email
Message
Thank you! Your feedback is much appreciated 💙
Oops! Something went wrong while submitting the form.
← All Scripts
#34 - REQUIRE BUSINESS EMAIL FOR FORM SUBMISSION V0.1
Block people from submitting a form if their email uses a personal email such as
gmail.
NEED HELP WITH THIS MEMBERSCRIPT?
All Memberstack customers can ask for assistance in the 2.0 Slack. Please note
that these are not official features and support cannot be guaranteed.
View demo
Video
Code
Attributes
Version Notes
How-To
Make.com
Documentation
Copy Script
<!-- 💙 MEMBERSCRIPT #34 v0.1 💙 REQUIRE BUSINESS EMAILS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.9.2/parsley.min.js"> </script>
<script>
function isPersonalEmail(email) {
var personalDomains = [
"gmail.com",
"yahoo.com",
"hotmail.com",
"aol.com",
"msn.com",
"comcast.net",
"live.com",
"outlook.com",
"ymail.com",
"icloud.com"
];
var emailDomain = email.split('@')[1];
return personalDomains.includes(emailDomain);
}
window.Parsley.addValidator('businessEmail', {
validateString: function(value) {
return !isPersonalEmail(value);
},
messages: {
en: 'Please enter a business email.'
}
});
$(document).ready(function() {
$('form[ms-code-validate-form]').attr('data-parsley-validate', '');
$('input[ms-code-business-email]').attr('data-parsley-business-email', '');
$('form').parsley();
});
$('form').parsley().on('form:error', function() {
$('.parsley-errors-list').addClass('ms-code-validation-error');
});
</script>
Description
Attribute
No items found.
CREATING THE MAKE.COM SCENARIO
1. Download the JSON blueprint below to get stated.
Download File
2. Navigate to Make.com and Create a New Scenario...
3. Click the small box with 3 dots and then Import Blueprint...
4. Upload your file and voila! You're ready to link your own accounts.
HOW TO ENCOURAGEMEMBERS TO SIGN UP WITH A BUSINESS EMAIL IN WEBFLOW
MEMBERSCRIPTS NEEDED
https://www.memberstack.com/scripts/require-business-email-for-form-submission
TUTORIAL
https://www.loom.com/share/f2b9ca865af64c99894627459076e884?sid=f9be6d84-0d03-4e9f-891d-b2e23183498d
CLONEABLE
https://webflow.com/made-in-webflow/website/block-personal-emails
WHY/WHEN WOULD NEED TO ENCOURAGE MEMBERS TO SIGNUP WITH A BUSINESS EMAIL IN
WEBFLOW?
1. Ensuring members work for a company if you only offer B2B products/services.
If your website is strictly about providing B2B products or services, you may
want to only allow people with a custom email domain to sign up for an account.
Fortunately, Memberstack provides a very easy way to ensure that only users with
a custom domain email sign up to your website and we’re going to look at how you
can do it below.
ENCOURAGING USERS TO SIGN UP WITH A BUSINESS EMAIL IN WEBFLOW
To force users to sign up with a business email, we’re going to use MemberScript
#34 – Require Business Email for Form Submission. Follow the link to get the
code you’ll need to add to your page and watch a video tutorial on how to set
everything up.
SETTING EVERYTHING UP
The first thing you’ll need to do is build out the form itself. Once you’ve done
that and you’ve added all the fields you need on your form, add this attribute
to the form itself:
* ms-code-validate-form=””
Next up, go to your email field and add the following attribute to it:
* ms-code-business-email=””
Now inside the form you’ll need to add a div block that houses the error message
and style the message however you want it.
The first thing you’ll need under this div block is some rich text with the CSS
class ms-code-validation-error. Under this rich text you’ll need an unordered
list and the error message itself will be a list item.
To make the error message look however you want it to, you just need to style
the list item itself.
The last thing we need under this div block is to add an HTML Embed alongside
the unordered list. Inside the HTML Embed just add this code:
<style>
ul {
padding-left: 0px !important;
</style>
This code will block the default list styling and prevent it from adding any
extra padding to the side of the list item we styled earlier.
MAKING IT WORK
Now that you’ve got the form set up, all you need to do is add the MemberScript
#34 custom code to your page, before the closing body tag.
You’ll see in the custom code a list of some of the most popular email domains
like gmail.com, outlook.com, yahoo.com, etc. That’s the list of domains that the
form won’t allow members to use, so you can edit that list any way you see fit.
Additionally, there’s an error message there for when members try to use any of
those domains, so you can edit that message to have it say whatever you want.
CONCLUSION
That’s everything, you can now go ahead and test out your form by using any of
the email domains listed in the custom code.
If you want to use our demo project to get you started, just click the button
below to add it to your Webflow site.
Our demo can help you with a prebuilt form that will block members from using
any of the most popular email domains and display a customizable error message.
TAKE ME TO THE SCRIPTS
https://www.memberstack.com/scripts/require-business-email-for-form-submission
Read full documentation
Button Text
TRY MEMBERSTACK FOR FREE
100% free, unlimited trial — upgrade only when you're ready to launch. No credit
card required.
Get Started for free
PRODUCT
Full Feature ListUser AccountsGated ContentSecure PaymentsAPI & Integrations
Create a new account2.0 Log in1.0 Log inPricing
LANGUAGE
CUSTOMERS
ShowcaseDevelopersDesignersMarketersAgencies & Freelancers
COMPANY
About
Careers
1
Partnerships (email)Contact Us (email)Twitter"Do Not Sell My Data" Promise
RESOURCES
TemplatesComponentsMemberScriptsSlack CommunityProduct WishlistSupport ForumFind
ExpertsHelp CenterBlog
SOC 2 TYPE 1
CERTIFIED
GDPR
COMPLIANT
CCPA
COMPLIANT
Privacy PolicyTerms of ServiceCookie PolicySecurity Policy
© Memberstack Inc. 2018 – 2024. All rights reserved.