2017-06-09 44 views
1

jQuery.stepy.jsを使用して複数ステップのサインアップフォームを使用しています。また、 'gem "recaptcha"を使用してGoogle ReCAPTCHAを追加しました。私は、ウィザード内ReCAPTCHA jQuery Stepy Wizard内で使用するとエラーが発生する

<%= recaptcha_tags %> 

を配置していた場合、それは次のようにJavaScriptエラーがスローされて形成:私は、このエラーの背後にある理由検索とGoogleのreCAPTCHAのライブラリがある場合に、このエラーが発生することを発見した

Uncaught Error: ReCAPTCHA placeholder element must be empty 

2回ロードする。 これはjQuery.stepy.jsのために起こっていますか?このエラーを解決するにはどうすればよいですか?

+0

このエラーが発生した:

あなたはメソッドに引数を渡すことで、false:scriptのparamを設定することができますか?ブラウザのJavaScriptコンソールから完全なエラースクリプトを表示できますか? –

+0

いいえ、<%= recaptcha_tags%>を削除してもエラーは発生しません。完全なエラーは、次のとおり 不明なエラー: recaptcha__en.jsで:JPで399 (recaptcha__en.js:389) recaptcha__en.jsにおいて:398 で:reCAPTCHAのプレースホルダ要素がWpの(394 recaptcha__en.js)で 空でなければなりませんrecaptcha__en.js:recaptcha__en.js @ 410 Wpは:recaptcha__en.js @ 394 (匿名):recaptcha__en.js @ 399 JP:389 recaptcha__en.js @(匿名) :recaptcha__en.js @ 398 (匿名): 410 –

答えて

0

recaptcha/api.jsファイルが複数回読み込まれると発生します。

<%= recaptcha_tag%>を使用した場合、このタグはレンダリングするたびにデフォルトでapi.jsを挿入します。ライブラリファイルを明示的に追加していないか、複数のrecaptchaタグを使用していないか確認してください(それぞれライブラリスクリプトを挿入します)。あなたは `<%= recaptcha_tags%>`を削除する場合

<%= recaptcha_tag :script => false %> 
関連する問題