How To Stop An Anchor From Redirecting Using Jquery

How can I stop an anchor tag redirecting to another page if the user is not logged in? I have a function to check if the user is logged in or not. I want to do it with JQuery or

Solution 1:

Please use http://api.jquery.com/event.preventDefault/

demohttp://jsfiddle.net/aRBY4/6/

e.preventDefault() 

quote

If this method is called, the default action of the event will not be triggered.

Also if I may suggest read this: .prop() vs .attr()

Hope this helps,

sample code

  $('a').click(function(event){
    event.preventDefault();
    //do whatever
  });

In your case please try this

$(document).ready(function() {
    $('a').click(function(event) {
        var id = $(this).attr('id');
        if (id == 'yes') {
            event.preventDefault();
            //i want to prevent
        } else {
            //redirect
        }
    });
});​

Solution 2:

Change your click event handler to this

$('a').click(function(e){
    var id = $(this).attr('id');
    if (id == 'yes')
    {
        e.preventDefault();
        e.stopPropagation();
    }
    else
    {
        //redirect
    }
});

Solution 3:

Use event.preventDefault(). It is used to prevent the default action of the event.

<scripttype="text/javascript">
$(document).ready(function(){
      $('a').click(function(){
          var id = $(this).attr('id');
         if(id == 'yes'){
             event.preventDefault() 
         }else{
            //redirect
         }
     });
});
</script>

Solution 4:

try this one

    $("a").on("click",function(e){
         e.preventDefault();
         alert("Clicked");

     });

happy Coding;