reCAPTCHA - 如果通过则启用“提交”按钮

时间:2016-11-07 11:02:38

标签: php forms required recaptcha

我有一个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>

1 个答案:

答案 0 :(得分:0)

您可以尝试此ReCAPTCHA

.....................