4 ms·
One of my favorite ways to avoid user confusion is to use visual cues. So, maybe, when all three fields meet some sort of client-side validation rules then a bu
by nantes 16y ago
One of my favorite ways to avoid user confusion is to use visual cues. So, maybe, when all three fields meet some sort of client-side validation rules then a button fades into view below the last field.
Or, you could highlight the field in focus, including the button.
The fallback for no Javascript would just be two buttons or the 'scrolling' button.
Alternatively, maybe some subtle pathways in the graphics of the pages. Maybe something as simple as a arrow or path that leads the user from one field to another and then finally to the button.
- westiseast 16y agoI'm aiming for no JS, so the visual clues sound OK. There's two obvious fieldsets, so I'll try something with an arrow leading you from one, to the other, then to the submit button. Thanks!
- nantes 16y agoNormally, I would make an argument that the amount of use without Javascript is very low. However, given the ecommerce nature, I can understand the desire to reduce Javascript dependencies. You might give <http://reference.sitepoint.com/css/pseudoclass-focus> http://reference.sitepoint.com/css/pseudoclass-focus> a try. It's CSS2 and appears to work on IE>=8 and all other major browsers. I could see a scenario where :focus and Javascript could be the default behavior, falling back to just :focus, then falling back again to just two buttons, could work. Good luck!