Проблема с капчей

---

Итак, я нашел ошибку на веб-странице, над которой работаю, ReCaptchav2 не нужно заполнять (авторизовывать или завершать), чтобы отправить форму. Я использую joomla, но форма создается с помощью html, это вызывает проблемы с API Google? Каковы пути решения этой проблемы?

Когда я заполняю необходимые пробелы, даже если это пробел, а затем отправляю его, он показывает предупреждение, которое говорит, что его требуется, но он все равно делает сообщение.

<form action="http://eper.com.mx/contacto.php" method="post">

    <script type="text/javascript">
        var onloadCallback = function () {
            grecaptcha.render('html_element', {
                'sitekey': '6LdfnVkUAAAAACGD86TxzFLChMXof1K1CyO621g5'
            });
        };
    </script>

    <fieldset>
        <span style="color:white; font-family:Arial; font-size:30px;">Contáctanos</span><br><br>
        <div class="form-group">
            <input id="nombre" class="form-control" name="nombre" required="" type="text" placeholder="Nombre" style="-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 350px;" />
        </div>
        <div class="form-group">
            <input id="apellidos" class="form-control" name="apellidos" required="" type="text" placeholder="Apellidos" style="-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 350px;" />
        </div>
        <div class="form-group">
            <input id="email" class="form-control" name="email" required="" type="text" placeholder="Correo Electrónico" style="-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 350px;" />
        </div>
        <div class="form-group">
            <input id="telefono" class="form-control" name="telefono" required="" type="text" placeholder="Teléfono" style="-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 350px;" />
        </div>
        <div class="form-group">
            <textarea id="mensaje" name="mensaje" required="" placeholder="Escríbenos un mensaje" style="-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 350px;"></textarea>
        </div>
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <div id="html_element"></div>
        <p></p>
        <button class="btn btn-info" type="submit"
            style="-webkit-border-radius: 8px; -mozborder-radius: 8px; border-radius: 8px; width: 100px;">Enviar</button>
    </fieldset>
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</form>

Что я уже пробовал:

Использование плагина jommla reCatpcha, изменение кода с помощью кода, предоставленного google API docs. Я искал плагины для joomla, но отключил форму

---