在一篇AJAX文章之后,如何在ASP.NET MVC 2中正确地重新呈现Recaptcha

我已经下载并实现了这个 Recaptcha implementation 对于MVC,它使用ModelState来确认captcha控件的有效性。

它的工作非常出色。。。除非我开始在AJAX表单中使用它。

简而言之,当使用AJAX重新呈现div时,它应该包含的ReCaptcha不会出现,即使相关的 <scripts> 在部分渲染后的源中。

代码如下。

 using (Ajax.BeginForm("CreateComment", "Blog", 
        new AjaxOptions() { HttpMethod = "POST", 
         UpdateTargetId = "CommentAdd", OnComplete="ReloadRecaptcha", 
         OnSuccess = "ShowComment", OnFailure = "ShowComment", 
         OnBegin = "HideComment" }))
{%>
    <fieldset class="comment">
        <legend>Add New Comment</legend>
        <%= Html.ValidationSummary()%>
        <table class="postdetails">
            <tbody>
                <tr>
                    <td rowspan="3" id="blahCaptcha">
                        <%= Html.CreateRecaptcha("recaptcha", "blackglass") %>
                    </td>
                    .... Remainder of Form Omitted for Brevity

AjaxOptions

问题是如果 ModelState 由于Recaptcha或其他验证而无效,则 ActionResult

    [RecaptchaFilter(IgnoreOnMobile = true)]
    [HttpPost]
    public ActionResult CreateComment(Comment c)
    {
        if (ModelState.IsValid)
        {
            try
            {
                //Code to insert Comment To DB
                return Content("Thank You");
            }
            catch
            {
                ModelState.AddRuleViolations(c.GetRuleViolations());
            }
        }
        else
        {
            ModelState.AddRuleViolations(c.GetRuleViolations());
        }
        return View("CreateComment", c);
   }

当它无效并且表单发回时,由于某种原因ReCaptcha控件不会重新呈现。我查过消息来源和 <script> & <noscript>

<%= Html.CreateRecaptcha("recaptcha", "blackglass") %>

正如你从照片上看到的 HTML 上面的片段,我试图添加一个 OnComplete= javascript函数在客户端重新创建验证码,但是尽管脚本执行时没有错误,但它不起作用。OnComplete函数为。

    function ReloadRecaptcha() {
        Recaptcha.create("my-pub-key", 'blahCaptcha', { 
            //blahCaptcha is the ID of the <td> where the ReCaptcha should go.
            theme: 'blackglass'
            });
    }

谢谢,