Question

我有一个包含验证码的页面。每当用户错误地输入验证码时，表单将提交，然后他们将继续。如果没有，我想刷新验证码图像，以便用户必须输入新的号码。此代码目前适用于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>

Answer 1

我用这个问题的答案回答我的问题： How to reload/refresh an element(image) in jQuery

所以基本上我的问题可能是他的问题的副本。我花了一段时间才找到答案。

我添加了一个var d，它被实例化为Date对象的新实例。然后我将getDate（）方法连接到我的图像上。

Javascript和ASP MVC - 刷新图像

1 个答案: