联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
同一页面多个表单验证码调用方法
类型:迅睿CMS 更新时间:2022-11-23 17:13:50 表单验证码 验证码图片 留言表单 多个表单

同一页面多个表单验证码调用方法


一个页面只能有一个验证码,有时一个页面里可能会有多个留言表单,

思路是,页面实际只放了一个验证码图片,并隐藏掉,每个表单里显示的验证码图片,用JS调用这个隐藏掉的图片地址,代码如下:


<form>
  表单一
  .....
  <img class="yscode">
</form>
<form>
  表单二
  .....
  <img class="yscode">
</form>
<form>
  表单三
  .....
  <img class="yscode">
</form>
<div style="display:none !important;" id="yscode">{dr_code(100, 23)}</div>
<script>
  $( function() {
    $( '.yscode' ).on( 'click', function() {
      $( '#yscode img' ).trigger( 'click' )
      codeInit()
    } )
    codeInit()

    function codeInit() {
      $( '.yscode' ).attr( 'src', $( '#yscode img' ).attr( 'src' ) )
    }
  } )
</script>