Html- how to disable a href

Question

I created a button that open a modal window on click    lt a href      data-toggle  modal  data-target   myModal  class  signup-button gray-btn pl-pr-36  id  connectBtn   data-role  disabled  gt Connect lt  a gt    For some reason the data-role  disabled  doesn t work good  How can I disable it

User · Answer

lt script gt        document  ready function                connectBtn   click function e               e preventDefault                        lt  script gt    This will prevent the default action

User · Answer

I created a button      This is where you ve gone wrong  You haven t created a button  you ve created an anchor element  If you had used a button element instead  you wouldn t have this problem    lt button type  button  data-toggle  modal  data-target   myModal  data-role  disabled  gt      Connect  lt  button gt    If you are going to continue using an a element instead  at the very least you should give it a role attribute set to  button  and drop the href attribute altogether    lt a role  button      gt    Once you ve done that you can introduce a piece of JavaScript which calls event preventDefault   - here with event being your click event

User · Answer

disabledLink disabled  pointer-events none     That should do it hope I helped

User · Answer

You can use CSS to accomplish this   x000D   x000D   disabled     pointer-events  none    cursor  default    x000D   lt a href  somelink html  class  disabled  gt Some link lt  a gt  x000D   x000D   x000D   Or you can use JavaScript to prevent the default action like this      disabled   click function e       e preventDefault

[html] Html- how to disable <a href>?

Examples related to html

Examples related to href