Multiple ReCaptcha無法在單個Mvc 4中工作RazorView

Question

我在我的MVC 4 Web應用程序中使用了Google ReCaptcha。

我有一個查看頁面使用兩個不同的ReCaptcha，但只有一個顯示。

Answer 1

如果您查看HTML代碼，您會注意到兩者的recaptcha ID相同，這導致了問題。

我要建議如下：

=============

如果你有一個模式一個頁面，您可以嘗試使用一些邏輯和jQuery做這樣的事情：

// remove any existing recaptcha elements so we can present another 
function removeCaptchaElement() { 
    if ($("#recaptcha_widget_div").length == 0) { 
     $('#recaptcha_widget_div').remove(); 
    } 
} 

這將確保有頁面上沒有其他元素，當你去創建新的驗證碼實例 - 儘管那種凌亂。

=============

然而，這並不會因爲在創建頁面時的工作，超過一個模態控制會存在在頁面上。

或者，你可以display recaptcha without a plugin，並相應的代碼。

您也可以從這裏獲取源代碼，並添加一個新的初始化參數，該參數採用唯一的ID值。

你也可以用Javascript自己推出簡單的數學/基於文本的驗證碼。您可以嘗試this。