reCAPTCHA — Включить кнопку «Отправить», если она пройдена

у меня есть form который пользователь завершит с required fields, Когда все required fields завершены, submit button можно нажать, чтобы отправить данные.

Я искал в Google reCAPTCHA, который, кажется, работает. Тем не менее, есть ли способ, которым я могу выразить это как required field? В настоящее время, когда form завершено, пользователь может submit form без проверки себя с помощью reCAPTCHA. Где, как я хотел бы button стать доступным только один раз required fields завершены.


Код добавлен по запросу. Не думаю, что это будет полезно, но это все, что я имею до сих пор (поскольку я пытался найти способ, как это сделать)

<form role="form" method="post" id="get_started_form" action="<?php echo base_url('auth/get_started')?>" data-toggle="validator" enctype="multipart/form-data">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<div class="form-group has-feedback">
<label>First Name</label>
<input name="first_name" type="text" class="form-control" required pattern="^[a-zA-Z\-.,\s]+$" data-error="Please use text or symbols (- . ,) only." placeholder="First Name" id="first_name" maxlength="50" tabindex="1">
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
<div class="form-group has-feedback">
<label>Last Name</label>
<input name="last_name" type="text" class="form-control" required pattern="^[a-zA-Z\-.,\s]+$" data-error="Please use text or symbols (- . ,) only." placeholder="Last Name" id="last_name" maxlength="50" tabindex="2">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group has-feedback">
<label>Email</label>
<input name="email" type="email" class="form-control" required placeholder="[email protected]" id="email" maxlength="100" tabindex="3">
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="g-recaptcha" data-sitekey="KEY_HERE"></div>
<button type="submit" value="Submit" id="get_staretd_form_button" class="btn btn-primary">Get Started</button>
</div>
</div>
</form>

0

Решение

Вы можете попробовать это ReCaptcha

…………………

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]