我有一个包含验证码的页面。每当用户错误地输入验证码时,表单将提交并且他们将继续前进。如果没有,我想刷新验证码图像,以便用户必须输入新号码。此代码目前在 Chrome 中有效,但图像不会在 Firefox 中刷新。在 IE 中也不起作用。
javascript方法:
function CheckCaptcha() {
var UserInput = $("#Captcha").val();
$.ajax({
type: "POST",
url: "/Messaging/CheckUserCaptcha",
data: { userCaptcha: UserInput },
success: function (data) {
//alert("SUCCESS: " + data.success);
//alert("SUCCESS2: " + data.message);
var correct = data.success;
if (correct == true) {
document.forms[0].submit();
} else { THIS IS WHERE I NEED TO REFRESH THE CLASS
alert(data.message);
$(".captchaImage").attr("src", "<%= Url.Action("CaptchaImage", "Messaging", new {prefix = "CaptchaImage"}) %>");
}
}
});
return false;
}
这就是 HTML 的样子
<img src="/Messaging/CaptchaImage?prefix=CaptchaImage" class="captchaImage"></img>