cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Captive portal Custom splash page email collection

SOLVED
Highlighted
Here to help

Captive portal Custom splash page email collection

I am setting up a splash page that collects emails for public access to wifi. I am wondering how I can prevent people from clicking through with out filling in the email field in the splash page. Click through is good but it does not stop someone from checking box without an email to get access. Any ideas how to prevent this? Cannot find a good white paper on it.

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Getting noticed

Re: Captive portal Custom splash page email collection

Is this a page you've developed yourself and have access to the HTML?

 

Will adding a 'required' attribute to the input work?

 

https://www.w3schools.com/tags/att_input_required.asp

Sidney Burks
Captive Portal and Meraki API Automation
Founder and CTO, Boundless Digital
sidney@boundless.fr
https://www.boundless.fr

View solution in original post

11 REPLIES 11
Highlighted
Here to help

Re: Captive portal Custom splash page email collection

Do you need to store the email?

Highlighted
Here to help

Re: Captive portal Custom splash page email collection

Yes and we already have that part. The issue is how do you keep them from clicking through with out entering an email. need some way to stop the click through until the field is entered or a way to stop the moving on or opening another page without hitting submit.

Highlighted
Here to help

Re: Captive portal Custom splash page email collection

Highlighted
Here to help

Re: Captive portal Custom splash page email collection

We have and not sure how to stop them from opening another page without clicking submit or button to get access to internet.

Highlighted
Kind of a big deal

Re: Captive portal Custom splash page email collection

I'd use a third party commercial splash page service like Splash Access.

https://www.splashaccess.com/ 

Highlighted
Here to help

Re: Captive portal Custom splash page email collection

We are looking at third parties but we already have the means and backend for what we want to do with the data.

Highlighted
Getting noticed

Re: Captive portal Custom splash page email collection

Is this a page you've developed yourself and have access to the HTML?

 

Will adding a 'required' attribute to the input work?

 

https://www.w3schools.com/tags/att_input_required.asp

Sidney Burks
Captive Portal and Meraki API Automation
Founder and CTO, Boundless Digital
sidney@boundless.fr
https://www.boundless.fr

View solution in original post

Highlighted
Here to help

Re: Captive portal Custom splash page email collection

I am not sure at this point and was hoping someone out there has already done something similar who could tell me. If we have built our own and yes it is easy to do this for your own site but not sure how meraki interacts and will see to allow traffic after someone hits the submit button or what ever we put. If we make it a click through page the same. How does our custom page just get bypassed as I believe it is built into the clickthrough page built by Meraki Like a banner or something which the attribute would be ignored.

Highlighted
Here to help

Re: Captive portal Custom splash page email collection

After reading more in white papers I believe that is what would be needed. I will follow up with our testing to let you know.

Highlighted
Getting noticed

Re: Captive portal Custom splash page email collection

Awesome... let me know if I can help in any way... this is the technique we've used to require fields in our captive portal pages

Sidney Burks
Captive Portal and Meraki API Automation
Founder and CTO, Boundless Digital
sidney@boundless.fr
https://www.boundless.fr
Highlighted
Getting noticed

Re: Captive portal Custom splash page email collection

You just want to gray out / disable the button until the field is completed. This can be done with JavaScript validation. 

 

https://www.w3schools.com/js/js_validation.asp

https://www.w3resource.com/javascript/form/email-validation.php

https://html5-tutorial.net/form-validation/validating-email/

 

Also, I love Splash Access:

https://www.splashaccess.com/ 

Colin Lowenberg
wireless engineer and startup founder, formerly known as "the API guy", now I run a Furapi, the therapy dog service, and Lowenberg Labs, an IT consulting company.
Welcome to the Meraki Community!
To start contributing, simply sign in with your Cisco account. If you don't yet have a Cisco account, you can sign up.