capchaを頭上部分に再ロードすることはありません

Question

私は私のコンタクトフォームにシンプルなcaptchaコードを使用しています。

<div class="col-md-4" onload="Captcha();"> 
               <label>Enter Captcha *</label> 
               <input type="text" value="" data-msg-required="Please enter captcha" maxlength="100" class="form-control" name="captcha" id="captcha" required> 

            <img src="captcha.php" id="captacha-image"> 
<span onClick=" 
    document.getElementById('captacha-image').src='captcha.php?'+Math.random(); 
    id="change-image">Not readable? Change text.</span> 


     </div> 

問題は、キャプチャ画像を再読み込み中です。ページ全体が再読み込みされ、ページが上に表示されます。連絡先フォームは私のページのフッター部分にあります。

Answer 1

あなたはhrefの値逃した：captacha-イメージにとしてIMGのためのセレクタの名前を変更し、あなたはIDセレクタを複製している

<a href="#" onClick=" 
    document.getElementById('captcha').src='captcha.php?'+Math.random(); 
    id="change-image">Not readable? Change text.</a>