у меня есть 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>
Вы можете попробовать это ReCaptcha
…………………
Других решений пока нет …