I have a working form, I need to insert a captcha so that the form cannot be sent without it, I follow the examples of documentation and other questions on this topic, but it did not work out. Below is a fragment of js and html.
// ΠΏΡΠΈΠΌΠ΅Ρ f1: review_nad.noUiSlider.get(), var review_nad = document.getElementById('review_nad'); if (review_nad) { noUiSlider.create(review_nad, { start: [7], connect: [true, false], // connect: true, // tooltips: [ false, wNumb({ decimals: 1 }), true ], tooltips: true, range: { 'min': 0, 'max': 10 }, format: wNumb({ decimals: 1 }) }); } //ΠΎΡΠΏΡΠ°Π²ΠΊΠ° $('.send_review').click(function() { // TODO: Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ $.ajax({ url: '/wp-admin/admin-ajax.php', method: 'post', data: { action: 'add_review', f1: review_nad.noUiSlider.get(), f2: review_design.noUiSlider.get(), f3: review_bat.noUiSlider.get(), f4: review_quality.noUiSlider.get(), f5: review_form.noUiSlider.get(), f6: review_ease.noUiSlider.get(), final: review_our.noUiSlider.get(), review: $('#reviewtext').val() }, success: function(data) { if (data[0] == '0') { swal("ΠΡΠΈΠ±ΠΊΠ°", data.substring(1), "error"); } else { swal({ title: "ΠΠ»Π°Π³ΠΎΠ΄Π°ΡΠΈΠΌ Π·Π° ΠΎΡΠ·ΡΠ²!", text: data, type: "success", allowOutsideClick: true, }); } } }); return false; }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class='tab_conternt' id="review_cam"> <p class="h_text">Π¨Π°Π³ 1. ΠΡΠ΅Π½ΠΈΡΠ΅ ΠΊΠ°ΠΌΠ΅ΡΡ ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΠΊΡΠΈΡΠ΅ΡΠΈΡ</p> <div class="range_inps"> <div class="range_inp"> <p>ΠΠ°Π΄ΡΠΆΠ½ΠΎΡΡΡ</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_nad" class='blue_renge'></div> </div> <div class="range_inp"> <p>Video quality</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_quality" class='blue_renge'></div> </div> <div class="range_inp"> <p>ΠΠΈΠ·Π°ΠΉΠ½ ΠΈ ΡΠΎΡΠΌΠ°</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_design" class='blue_renge'></div> </div> <div class="range_inp"> <p>ΠΠΈΠ·Π°ΠΉΠ½ ΠΈ ΡΠΎΡΠΌΠ°</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_form" class='blue_renge'></div> </div> <div class="range_inp"> <p>ΠΠ°ΡΠ°ΡΠ΅Ρ</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_bat" class='blue_renge'></div> </div> <div class="range_inp"> <p>Ease or use</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_ease" class='blue_renge'></div> </div> </div> <p class="h_text">Π¨Π°Π³ 2. ΠΠ°ΠΏΠΈΡΠΈΡΠ΅ Π΄Π΅ΡΠ°Π»ΡΠ½ΡΠΉ ΠΎΠ±Π·ΠΎΡ</p> <div class="text_rev"> <textarea name="" id="reviewtext" cols="30" rows="10" placeholder='ΠΠ²Π΅Π΄ΠΈΡΠ΅ ΡΠ΅ΠΊΡΡ ΠΎΡΠ·ΡΠ²Π°'></textarea> <p><span>ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°:</span> ΠΠ΅Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ²ΠΎΠΈ ΠΏΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΌΡΡΠ»ΠΈ ΠΎΠ± ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, ΠΎ Π»ΡΠ±ΡΡ
Π½Π°Π±Π»ΡΠ΄Π΅Π½ΠΈΡΡ
ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΎ Π»ΡΠ±ΡΡ
ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°Ρ
, Ρ ΠΊΠΎΡΠΎΡΠ²ΠΌΠΈ Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΡΡΠΎΠ»ΠΊΠ½ΡΡΡΡΡ ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ. </p> </div> <p class="h_text">Π¨Π°Π³ 3. ΠΠΎΡΡΠ°Π²ΡΡΠ΅ ΡΠΈΠ½Π°Π»ΡΠ½ΡΡ ΠΎΡΠ΅Π½ΠΊΡ ΠΈ ΠΎΡΠΏΡΠ°Π²ΡΡΠ΅ ΠΠ°Ρ ΠΎΠ±Π·ΠΎΡ</p> <div class="range_inp range_inp100"> <p>ΠΠ±ΡΠ°Ρ ΠΎΡΠ΅Π½ΠΊΠ°</p> <!--<input type="range" min="0" max="10" /> --> <div id="review_our" class='blue_renge'></div> </div> <div class="info_text"> ΠΡ ΡΠ°ΡΡΠΈΡΠ°Π»ΠΈ ΠΎΠ±ΡΠΈΠΉ ΡΠ΅ΠΉΡΠΈΠ½Π³ ΠΊΠ°ΠΌΠ΅ΡΡ, ΠΈΡΡ
ΠΎΠ΄Ρ ΠΈΠ· ΡΡΠ΅Π΄Π½Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΠ°ΡΠΈΡ
ΠΊΡΠΈΡΠ΅ΡΠΈΠ΅Π², ΡΠΊΠ°Π·Π°Π½Π½ΡΡ
Π²Π°ΡΠ΅. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΎΡΠ΅Π½ΠΊΡ, ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΠ² ΠΏΠΎΠ»Π·ΡΠ½ΠΎΠΊ </div> <div class="g-recaptcha" data-sitekey="6LeAeicUAAAAAHjt7u_Kt8nROx60DYngRV41c75c"></div> <a href="#" class="button_green send_review">ΠΡΠΏΡΠ°Π²ΠΈΡΡ</a> <!-- rest of the panel content --> </div>