PHP/Jquery:refresh the captcha on click with jquery

Question

I use a captcha in my login form and I want to refresh the captcha when I click the captcha itself!but it doesn't work! my html code:

<cite class="fr">
    <img id="captcha_img" src="securimage/securimage_show.php" alt="点击图片刷新验证码"  />
</cite>

my jquery code:

$('#captcha_img').click(function(){
    //alert("hh");
    $('#captcha_img').attr("src","securimage/securimage_show.php"); 
});

I also search some docs about this question and try some other ways,but it still doesn't work,can someone give me some ideas?

i use a captcha that download from the internet,its link:phpcaptcha.org — ChainWay
– ChainWay, Commented Jan 4, 2014 at 15:26
Your code is alright. It should work. Test here: jsfiddle.net/5Y9mG/1 — Awlad Liton
– Awlad Liton, Commented Jan 4, 2014 at 15:26

Danijel · Accepted Answer · 2014-01-04 15:35:55Z

1

Both methods below should work ( uncomment one by one and try it ):

jQuery(function ($) {

    $('#captcha_img').on( 'click', function() {
        // $(this).attr( "src","securimage/securimage_show.php?"+Math.random() ); 
        // $(this).attr( "src","securimage/securimage_show.php?"+new Date().getTime() );
    });

});

answered Jan 4, 2014 at 15:35

Danijel

12.8k5 gold badges43 silver badges57 bronze badges

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

Comments

rgtk · Accepted Answer · 2014-01-04 15:29:46Z

1

Browser is probably caching image. Try this:

$('#captcha_img').click(function() {
    var imageUrl = 'securimage/securimage_show.php?' + new Date().getTime();
    $(this).attr('src', imageUrl); 
});

edited Jan 4, 2014 at 15:29

answered Jan 4, 2014 at 15:23

rgtk

3,5302 gold badges33 silver badges37 bronze badges

2 Comments

ChainWay Over a year ago

yeah,when I click the image,it can refresh,but it doesn't display the image,instead it displays the "alt" attr of the <img>

ChainWay Over a year ago

I am so sorry,this can also work exactle,but I lost the "?" at the end of ".php"

robbmj · Accepted Answer · 2014-01-04 15:34:49Z

0

DEMO

$(function () {
    $('#foo').click(swapImages);
    var secondImg = 'http://digital-photography-school.com/wp-content/uploads/2013/03/Acorn256.png';
    function swapImages() {
        var img = $("<img id='foo' src='" + secondImg + "' />");
        $(this).replaceWith(img);
        $(img).click(swapImages);
    }
});

answered Jan 4, 2014 at 15:34

robbmj

16.6k8 gold badges41 silver badges63 bronze badges

Comments

Momin · Accepted Answer · 2014-01-04 15:43:46Z

0

$('#captcha_img').click(function(){
    //alert("hh");
    $('#captcha_img').attr("src","securimage/securimage_show.php"); 
     return false;
});

Or use e.preventDefault() like

$('#captcha_img').click(function(e){
    e.preventDefault();
    $('#captcha_img').attr("src","securimage/securimage_show.php"); 
     //return false;
});

tell me if that works. In this case, return false will work just fine because the event doesn't need to be propagated.

edited Jan 4, 2014 at 15:43

answered Jan 4, 2014 at 15:33

Momin

86812 silver badges22 bronze badges

Collectives™ on Stack Overflow

PHP/Jquery:refresh the captcha on click with jquery

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related