reCAPTCHA - 啓用提交按鈕，如果通過

Question

我有一個form用戶將完成requiredfields。當完成所有的requiredfields時，可以點擊submitbutton發送數據。

我一直在尋找谷歌reCAPTCHA，這似乎是工作。但是，有沒有一種方法可以將此作爲requiredfield？目前，當form完成時，用戶可以使用submit,form而不用自身驗證reCAPTCHA。在那裏，我希望button只有在完成requiredfields時纔可用。

---

代碼根據要求添加。不要以爲這將是有用的，但，這是所有我至今（我一直在試圖想出一個辦法，如何做到這一點）

<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> 

Answer 1

你可以試試這個ReCAPTCHA

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