Link clickability with jquery

Question

I have a form that is built into layerslider, and in order for a user to get to the next page they have to fill out the current page until it is valid and then they are allowed to move on.

At first I did this by showing/hiding the button but it was confusing my users.

What I'm doing now it changing the opacity/clickability based on if the page is valid.

My problem is that while I can change the opacity no problem I'm having a difficult time getting the buttons to be unclickable (deep link i.e. #NextPage).

My question is, is there a clean way to do this using jQuery, or will I have to put a div over it and show/hide that?

****** EDIT *******

I am using links to a deep link, not html buttons i.e. <a href="#page2">

I need to make the anchor unclickable/clickable

I dunno about links, but for buttons you can use <input type="button" disabled> — ProdoElmit
– ProdoElmit, Commented Dec 8, 2013 at 19:06
it will be hard to tell unless you show us your code... have to tired anything ?? please post your related codes too.. — bipen
– bipen, Commented Dec 8, 2013 at 19:08

Raymond Elferink · Accepted Answer · 2013-12-08 19:10:08Z

2

To disable the button, simply use:

$('#YOURBUTTON').prop('disabled', true);

answered Dec 8, 2013 at 19:10

Raymond Elferink

2331 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dan Green-Leipciger Over a year ago

I'm going to recode it to use buttons with onclick instead of anchor links. Thanks !!!!

Collectives™ on Stack Overflow

Link clickability with jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related