Question

这是我的代码片段。

$(document).ready(function(){
  $("#button").mouseup(function(){
    if(grecaptcha.getResponse().length > 0) {
      $('form').submit();
      $('.container').html('thanks bye!');
    }
  });
});

运行此操作时，即使grecaptcha.getResponse().length > 0为False，也会提交表单。

为什么？

Answer 1

试试这个：

$(document).ready(function(){
  $("#button").mouseup(function(e){
    if(grecaptcha.getResponse().length > 0) {
      $('form').submit();
      $('.container').html('thanks bye!');
    }else{
        e.preventDefault();
    }
  });

  $("#button").click(function(e){
    e.preventDefault();
  });
});

Answer 2

要阻止提交表单，请使用javascript onclick，如下所示

/*You dont need this javascript function*/
var odd=false;
var grecaptcha={
  getResponse:function(){
  odd=!odd;
  if(!odd) return "";
  return "You don't need this function";
  }
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="button" value="Submit On Alternate Click" onclick="if(grecaptcha.getResponse().length > 0) return false; alert('This is even Time So form fill submit')"/>

Answer 3

试试这个if(grecaptcha.getResponse().length != 0)！

在验证码验证后提交表格

3 个答案: