带有“required”属性的Recaptcha在JQuery中显示为无效

Question

我在项目中使用recaptcha。我使用java脚本生成验证码。我在代码下面使用。

Recaptcha.create(private_key, 'captchadiv', 
        {
            theme: "clean",
            callback : function()
            {
                $("#recaptcha_response_field").attr("required",true);
            }
        });  

它生成recaptcha，但问题是当页面第一次加载时，它会像下图一样显示为无效。

什么可以解决？

由于

Answer 1

if($('#recaptcha_response_field').val().length > 0){
    $('#recaptcha_response_field').prop('required', true);
}

只需检查页面加载中输入中的文本。此外，使用.prop()而不是.attr()。