jquery - kod pengesahan thinkphp3.2.3 dimuat semula secara automatik

Question

Bagaimana untuk menulis muat semula automatik untuk ralat kod pengesahan ajax thinkphp?
Tulis di sini dalam fungsi pemulangan yang lain ini

Lampirkan html di bawah

Bagaimana untuk mencetuskan masa klik ini lagi di mana lagi?

Answer 1

Anda boleh menulis kod pengesahan sendiri, atau anda boleh menggunakan perpustakaan pihak ketiga sekarang nombor untuk membezakan.
Contoh:
Di sini saya menggunakan perpustakaan kod pengesahan pihak ketiga gregwar/captcha

<input type="text" name="captcha" class="form-control" style="width: 300px;">
          <a onclick="javascript:re_captcha();" ><img src="{{ URL('code/captcha') }}"  alt="验证码" title="刷新图片" width="100" height="40" id="code" border="0"></a>

<script>  
  function re_captcha() {
    $url = "{{ URL('kit/captcha') }}";
        $url = $url + "/" + Math.random();
        document.getElementById('code').src=$url;
  }
</script>

Jika anda tersilap muat semula secara automatik, hubungi kaedah re_captcha sekali lagi.

Answer 2

Prinsip menyegarkan semula kod pengesahan sebenarnya sangat mudah, cuma tambahkan akhiran?t=123123

Answer 3

else{
   $('#img').src = 'url?rand='+Math.random(); 
}

Answer 4

1. Muat semula dalam panggilan balik yang lain.

2. Jika anda telah melakukan perkara pertama dan ia belum dimuat semula, maka saya rasa ada yang salah dengan penilaian anda:
jika(data.info==1)
Di sini, sepatutnya: if(data.status == 1) ????

3.$("#2")Apakah itu? ID tidak boleh bermula dengan nombor.

Answer 5

Tabiat peribadi saya mungkin begini

1. Simpan src pada imej kod pengesahan dan simpan alamat asal kod pengesahan (untuk mengelakkan alamat imej menjadi lebih panjang)

2. Acara penukaran klik ikat

3. Apabila kod pengesahan salah, acara klik kod pengesahan dikeluarkan melalui pencetus untuk menukar kod pengesahan

//代码手写 难免有误
$(function(){
    var verifyImg = $("#verify_img");
    verifyImg.click(function(){
        $(this).attr("src",$(this).data('src') + '?v=' + Math.random());
    }).data('src', verifyImg.attr('src'));
    
    $("#fm-xxx").submit(function(){
        var fm = $(this);
        $.post(fm.attr('action'), fm.serialize(), function(data){
            if(data.code == 'verify-code') {
                verifyImg.trigger("click");
            } else {
                //...
            }
        });
        return false;
    });
});

Answer 6

Tambah di bawah

$("#2").html(验证码错误);

$("#verify_img").attr("src",<?php echo U('Index/yzm');?>);