Handle links click with jquery

Question

I've a very simple question, but I can't find the correct way to resolve. I have a phonegap app wich has a login, and I check the results with ajax. I check the form when the user click:

<a href="home.html" data-transition="pop">GO</a>

The order of the instructions are: 1- The user clik GO. 2- Check the form inputs. 3- IF they'e corrects, go home.html

I can't do a

window.location.replace('index.html');

because I lost the data-transition.

Another option could be make a link hidden, and trigger his click when necesary, but I dont like it.

The best way it's when click at Go, do something, and if It's necesary go to his href.

Thanks for all !

score 1 · Answer 1 · edited May 23 '17 at 12:23

1

You could implement an onclick function and do preventDefault if the conditions for progressing to the link url aren't fulfilled. Have a look at this question:

preventDefault inside onclick attribute of a tag

edited May 23 '17 at 12:23

Community

1
1

answered Nov 14 '15 at 11:41

andrrs

2,289
3
17
25

void · Accepted Answer · 2015-11-14T11:47:10.980

1

$("a").click(function(e){

    // Do what all checks you need to do here
    if(something is wrong)
    {
        // Do stuff here
        e.preventDefault(); // Stop propagation of default event.
        return false;
    }  

});

This way the data-transition will also work, becaue the default event will be stopped only when the validation fails.

edited Nov 14 '15 at 11:47

answered Nov 14 '15 at 11:43

void

36,090
8
62
107

I wont lost the data-transition="pop"? – Manuel Garcia Nov 14 '15 at 11:46
Now `data-transition` wont lost. – void Nov 14 '15 at 11:50
It looks nice, I', going to check and then I comment you. – Manuel Garcia Nov 14 '15 at 11:56
It doesnt work at all, because i have to wait the ajax request, so I had to use $.Deferred();, but your answer help me ! thanks :) – Manuel Garcia Nov 16 '15 at 11:39

score 1 · Answer 3 · answered Nov 14 '15 at 11:46

If you are using ajax, then why dont you return 'true' or 'false' value depending upon the validation result that you are performing.

Then in your 'success function' of ajax, you can check if the result is 'true' or 'false', and if validations are 'true', you can use window.location.href method of javascript.

Handle links click with jquery

3 Answers3