同一頁(yè)面多個(gè)表單驗(yàn)證碼調(diào)用方法
一個(gè)頁(yè)面只能有一個(gè)驗(yàn)證碼,有時(shí)一個(gè)頁(yè)面里可能會(huì)有多個(gè)留言表單,
思路是,頁(yè)面實(shí)際只放了一個(gè)驗(yàn)證碼圖片,并隱藏掉,每個(gè)表單里顯示的驗(yàn)證碼圖片,用JS調(diào)用這個(gè)隱藏掉的圖片地址,代碼如下:
<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>