JSFiddle - React, Tailwind, and code Playground
HTML
<form id="frmSignUp" action="/account/signup?a=1" name="myForm" method="post">
<table width="390" border="0" cellspacing="0" cellpadding="0" align="right">
<td colspan="3">
<div style="float: right;margin-right:26px;width:200px;">
<img id="siimage" align="left" style="padding-right: 5px; border: 0" src="/securityimage/securimage_show.php?sid={/application/random}" />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="19" height="19" id="SecurImage_as3" align="middle">
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="http://cheersoye.com/securityimage/securimage_play.swf?audio=/securityimage/securimage_play.php&bgColor1=#777&bgColor2=#fff&iconColor=#000&roundedCorner=5" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://cheersoye.com/securityimage/securimage_play.swf?audio=http://cheersoye.com/securityimage/securimage_play.php&bgColor1=#777&bgColor2=#fff&iconColor=#000&roundedCorner=5" quality="high" bgcolor="#ffffff" width="19" height="19" name="SecurImage_as3" wmode="opaque" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<br/>
<a tabindex="-1" style="border-style: none" href="#" title="Refresh Image" onclick="document.getElementById('siimage').src = '/securityimage/securimage_show.php?sid=' + Math.random(); return false"><img src="<?php echo IMAGE_URL; ?>/refresh.gif" alt="Reload Image" border="0" onclick="this.blur()" align="bottom"...
JavaScript
var validated = false;
$("#frmSignUp").on("submit", function (e) {
if (!validated) {
e.preventDefault();
var captchaCode = $("#capcode").val();
if (captchaCode == "") {
alert("Please type Code!");
$("#capcode").focus();
return false
} else {
$.ajax({
type: "POST",
url: "checkcaptcha.php",
data: "captcha=" + captchaCode,
success: function (msg) {
if ($.trim(msg) == '2') {
alert('Entered code is wrong');
reloadCaptcha();
return false;
}
validated = true;
$("#frmSignUp").submit();
}
});
}
}
});
function reloadCaptcha() {
jQuery('#siimage').prop('src', 'securityimage/securimage_show.php?sid=' + Math.random());
}