problem with javascript: return false is not working

Hey there is a link in my program as shown and onclick it calls the function clearform as shown:

Html Code:

<a class="button" href="Cancel" style="left: 55%;" onclick="clearForm()">Cancel</a>

JavaScript Code:

function clearForm(){
        document.getElementById("subjectName").value = "";
        return false;
    }

return false is not working in this code. actually the first line of the function executed successfully but the return false was failed. I mean page is redirected to url "Cancel".

Solution 1:

Change your code as

<a class="button" href="Cancel" onclick="return clearForm()">Cancel</a>

Solution 2:

Your problem is you need to return the Boolean.

But, drop all that...

• Attach your event unobtrusively...

  element.onclick = clearForm;

• Use preventDefault(). It is the modern way of acheiving that.

  function clearForm(event) { event.preventDefault(); }

Solution 3:

<a class="button" href="Cancel" style="left: 55%;" onclick="clearForm();return false;">Cancel</a>

should work