Welcome to WebmasterWorld Guest from 3.84.139.101

Forum Moderators: open

My signup box doesn't work without javascript enabled

Problem?

     
12:50 am on Jan 18, 2019 (gmt 0)

Junior Member

Top Contributors Of The Month

joined:Jan 8, 2019
posts: 71
votes: 1


I'm in lead generation so my sign up box is everything.

The little tick dots don't work with javascript disabled.

Most of my traffic is from mobile. 33% are iphone. The rest are mainly Samsung Galaxy.

I don't think it's a problem but I wanted to check with everyone to see if I should have a signup box that works without javascript enabled.

Thanks!
12:54 am on Jan 18, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:2621
votes: 771


What is the purpose of the "tick dots"? If these are simply check boxes then the JS is not required. In which case you can either eliminate it completely, or provide a <no script> fallback.
1:01 am on Jan 18, 2019 (gmt 0)

Junior Member

Top Contributors Of The Month

joined:Jan 8, 2019
posts: 71
votes: 1


@NickMNS

We connect people with lawyers. So the tick dots let the person choose their case type. I don't think this step is required since our call center asks them their case type first thing. So we can eliminate.

Just curious, what's a <no script> fall back?

Thanks for the advice, by the way.
1:40 am on Jan 18, 2019 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:11715
votes: 211


https://www.w3.org/TR/html4/interact/scripts.html#h-18.3.1
The NOSCRIPT element allows authors to provide alternate content when a script is not executed.
2:40 am on Jan 18, 2019 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4349
votes: 296


I use javascript for several things like a pop-up window for the privacy policy (and a js "close window" for that) and it works fine on my iPhone. I do have a noscript fallback but it seems to work just fine. It is plain old vanilla javascript.
2:46 am on Jan 18, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:2621
votes: 771


What you describe sounds like a simple check box, typically no JS is needed. Then the question becomes, what is the JS used it for? It could be used for styling purposes, or it may be used to validate the selection somehow. (eg: if users picks option 1, option 2 is disabled)

One other question, if the JS is disabled, and the check boxes are not working, does this also prevent rest of the form from functioning correctly? If not, that is the form works even without the check boxes then I wouldn't sweat it. Javascript is installed and operational on the browsers used in both iOS and Android devices. I think it would be relatively rare to land on a user that has gone into the settings an disabled the JS. If this were mostly desktop traffic it would be a bigger issue. But even in that case the number of users is relatively small.
10:35 am on Jan 18, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:9906
votes: 971


This is the js forum, so this is not a js solution:

HTML forms do not require js to function.

Server side scripting can be used for validation purposes instead of js.

Just mentioning the other options out there.
11:53 pm on Jan 18, 2019 (gmt 0)

Junior Member

Top Contributors Of The Month

joined:Jan 8, 2019
posts: 71
votes: 1


Thanks everyone for your advice!
4:49 am on Jan 21, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:9906
votes: 971


Let us know which way you go, and were you successful!