ansaurus

Question

JQuery change text on button click "flashes" the text

Answer 1

+1 A:

$('#login_btn').click(function(){
    $("#message").text("button was pushed");
    return false;
});

return false to prevent the form submit.

rahul 2010-01-29 05:46:39

Answer 2

+1 A:

Is this button inside a form? If so, I think you're submitting the form when you click the button and the page is then re-loading. It is probably reloading so fast that it appears like a flash.

$(document).ready(function(){ 
    $('#login_btn').click(function(e){
        e.preventDefault();
        $("#message").text("button was pushed"); 
        return false;
    }); 
});

Adding return false basically stops the chain of events that the button normally would have started.

jessegavin 2010-01-29 05:47:10

`return false;` is the same thing as calling `e.preventDefault(); e.stopPropogation();`

munch 2010-01-29 05:49:24

except that if your function happens to have any errors in it, then the form will be submitted. Putting e.preventDefault() at the beginning of the function prevents that (in my experience).Not that you SHOULD have any errors in your function, but this just adds some insurance.

jessegavin 2010-01-29 05:51:00

ansaurus

tags:

views:

answers:

JQuery change text on button click "flashes" the text

related questions