将recaptcha作为必填字段

时间:2017-09-10 20:56:22

标签: javascript html recaptcha

我想做的是,recaptcha是一个必填字段,用户无法发布,直到点击。

有人能给我一个有效的例子,并在同一页面上显示用户,他需要点击验证码吗?



$("#myForm").bind('blur keydown focusout', function() {

  var dataArray = $("#myForm").serializeArray(),
    dataObj = {};
  console.dir(dataArray); //require firebug
  //console.log(dataArray);

  $(dataArray).each(function(i, field) {
    dataObj[field.name] = field.value;
  });

  var recaptcha = (dataObj['g-recaptcha-response']);

  if (recaptcha != "") {
    $("#temp").remove();
  }
});

$(".register").click(function() {

var dataArray = $("#myForm").serializeArray(),
  dataObj = {};
console.dir(dataArray); //require firebug
//console.log(dataArray);

$(dataArray).each(function(i, field) {
  dataObj[field.name] = field.value;
});

var recaptcha = (dataObj['g-recaptcha-response']);

$("#temp").remove();

if (recaptcha == "") {
  $("#recaptcha").append('<label id="temp" style="color:red;line-height:normal;font-size: small;">This field is required.</label>');
}

});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="contact_form">
  <div id="note"></div>
  <div id="fields">
    <form action="email_to_us.php" method="post" name="myform" id="myform">
      <input class="span7" type="text" name="ime" value="" placeholder="Ime" required/>
      <input class="span7" type="text" name="email" value="" placeholder="Email" required />
      <input class="span7" type="text" name="zadeva" value="" placeholder="Zadeva" required />
      <textarea name="sporocilo" id="message" class="span8" placeholder="Sporočilo"></textarea><br>
      <div class="g-recaptcha" name="recaptcha" id="recaptcha" data-sitekey="mykey" data-callback="correctCaptcha"></div><br>
      <input type="submit" class="btn send_btn" id="btn-validate" value="Pošlji" />
    </form>
  </div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案