同一頁面多個表單驗證碼調用方法
一個頁面只能有一個驗證碼,有時一個頁面里可能會有多個留言表單,
思路是,頁面實際只放了一個驗證碼圖片,并隱藏掉,每個表單里顯示的驗證碼圖片,用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>