returning false from JavaScript Does not stop the HTML page from Executing

Question

i have a list in my HTML page with the following code.

        <li><a href="HomePage.html">Home</a></li>
        <li><a href="#" >Register</a></li>
        <li><a href="#" onclick="loginCheck();">Contact Us</a></li>
        <li><a href="MakePayment.aspx" onclick="loginCheck();">Services</a></li>
        <li><a href="HomePage.html" onclick="logout();">Log Out</a></li>

my log in check function is as follows.

 function validate()
   {
   some validations done here.if found true change the variable log in to true.
   login = true;
   }
 function loginCheck() {

       if (!login) {
           alert("Log In to continue operations");
           return false;
       }

the page gives an alert Log In to continue operations. But still moves to the next page which was clicked. How can i stop this ?

Your event handler is not actually returning false. You have to include the return statement in the "onclick" attribute value. — Pointy
– Pointy, Commented Aug 24, 2014 at 13:01

Willem D'Haeseleer · Accepted Answer · 2014-08-24 13:03:17Z

3

You need to include the return in the onclick handler, otherwise the value isn't actually returned.
Do it like this and it will work:

<li><a href="HomePage.html">Home</a></li>
<li><a href="#" >Register</a></li>
<li><a href="#" onclick="return loginCheck();">Contact Us</a></li>
<li><a href="MakePayment.aspx" onclick="return loginCheck();">Services</a></li>
<li><a href="HomePage.html" onclick="return logout();">Log Out</a></li>

answered Aug 24, 2014 at 13:03

Willem D'Haeseleer

20.3k10 gold badges69 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

returning false from JavaScript Does not stop the HTML page from Executing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related