Я использую простой код с картинки в моей контактной форме.
<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>
Проблема заключается в перезагрузке изображения капчи. вся страница перезагружается и страница попадает сверху. Контактная форма находится в нижней части моей страницы.
Вы пропустили значение href:
<a href="#" onClick="document.getElementById('captcha').src='captcha.php?'+Math.random();
id="change-image">Not readable? Change text.</a>
Других решений пока нет …