我有一个form
,用户将使用required
fields
完成该操作。完成所有required
fields
后,可以点击submit
button
发送数据。
我一直在研究谷歌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="Text@Text.Domain" 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>