行...
我已经为 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