同一页面多个表单验证码调用方法
一个页面只能有一个验证码,有时一个页面里可能会有多个留言表单,
思路是,页面实际只放了一个验证码图片,并隐藏掉,每个表单里显示的验证码图片,用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>