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

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

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

思路是，页面实际只放了一个验证码图片，并隐藏掉，每个表单里显示的验证码图片，用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>