3

行...

我已经为 MVC 下载并实现了这个Recaptcha 实现,它使用 ModelState 来确认验证码控件的有效性。

它工作得很好......除非我开始在 AJAX 表单中使用它。

简而言之,当一个 div 使用 AJAX 重新渲染时,它应该包含的 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

我已经确认,当 Recaptcha 控件不存在并且其中的 Javascript 调用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 控件不会重新呈现。我已经检查了源代码,并且HTML 中存在<script>&<noscript>块,因此下面的 HTML Helper 功能显然可以正常工作

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

我认为这与通过 AJAX 注入 DOM 的脚本没有重新执行有关。

正如您从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'
            });
    }

任何人都可以对此有所了解吗?

谢谢, Eoin C

4

3 回答 3

2

想出了解决这个问题的办法。

我使用 HTML Helper 完全删除了 Captcha 的客户端渲染。

相反,过滤器保留在服务器端以进行 ModelState 验证等......

客户端渲染全部使用来自 http://recaptcha.net/fastcgi/demo/ajaxhttp://api.recaptcha.net/js/recaptcha_ajax.js的 ReCaptcha AJAX Api 完成

每次出现部分帖子时,验证码都会消失,每次完成时,OnComplete 脚本都会重新创建它。

于 2010-03-27T11:21:15.553 回答
0

我假设 Html.CreateRecaptcha() 扩展创建一个<div>或脚本使用验证码图像更新的东西。Recaptcha.create() 函数不应该传递“recaptcha”(元素的 id)而不是“blahCaptcha”(td 的名称)吗?

查看由 Html.CreateRecaptcha 生成的 HTML,并尝试引用由该扩展创建的元素的 id,而不是包含 td 的 id。

于 2010-03-26T16:38:12.727 回答
0

我发现这个 AJAX 实现非常有用。http://www.darksideofthecarton.com/2008/12/15/validating-recaptcha-jquery-ajax/

我在基于本文的 MVC 代码中应用了相同的解决方案:

http://devlicio.us/blogs/derik_whittaker/archive/2008/12/02/using-recaptcha-with-asp-net-mvc.aspx

于 2011-09-29T06:36:21.483 回答