2016-11-07 6 views
0

form私はrequiredfieldsで完了します。 requiredfieldsがすべて完成したら、submitbuttonをクリックしてデータを送信できます。reCAPTCHA - 渡された場合に[送信]ボタンを有効にします

私はgoochles reCAPTCHAを探していますが、これはうまくいくようです。しかし、私はこれをrequiredfieldとして置くことができる方法はありますか?現在、formが完了すると、ユーザーはsubmitformになり、reCAPTCHAで自分自身を確認することはできません。 requiredfieldsが完成すると、buttonが利用可能になることを希望します。


コード要求通りに追加されました。 (私はどのようにこれを行う方法を図アウトしようとしているとして)

<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

ここにいくつかのコードを投稿 – Blueblazer172

+0

おそらくこの代わりにJSを使用したいと思うでしょう – p3tch

+0

コードは言葉よりも大きく言います。 –

答えて

0

あなたはこのReCAPTCHA

を試すことができ、これは私がこれまで持っているすべてのですが、それは有用であろうと思わないでください... ..................

関連する問題