javascript - 如何获取验证码值以便将其用于条件检查

Question

在我的网站中添加验证码之前，我有一个用于用户将所有用户输入发布到我的数据库中的表单。但是，如果有一个字段仍然为空或值为 0，我会禁用提交按钮。我使用 jQuery 来完成此操作

我尝试过使用 val() 方法来捕获 recaptcha 值，但似乎不起作用。

这是我的 jQuery，用于在检查所有字段后启用提交或禁用它:

$('#identity-next').attr('disabled', true); //disable the button
function checkFilled() {
    $('form').on('keyup change', function () {
        if ($(name).val() != "" 
         && $(birth_place).val() != 0 
         && $(birth_date).val() != "" 
         && $(email).val() != "" 
         && $(phone_number).val() != "" 
         && $(address_province).val() != 0 
         && $(address_regency).val() != 0 
         && $(address_district).val() != 0 
         && $(specify_address).val() != 0 
         && $(captcha).val() != "") // the one that's not working { 
            $('#identity-next').attr('disabled', false); return true;
        } 
        else { 
            $('#identity-next').attr('disabled', true); 
            return false; 
        }
    }); 
}

checkFilled() //call the function

这是我的验证码 div:

<div id="captcha" name="g-recaptcha" class="g-recaptcha" 
     data-sitekey="########################">
</div>   

{!! NoCaptcha::renderJs() !!}

<span class="text-danger">{{ $errors->first('g-recaptcha-response') }} 
</span>

所以我希望我的jquery函数可以处理相同的功能，以在所有字段不为空(包括我的recaptcha)时启用提交按钮，顺便说一句，我正在使用recaptcha V2。在这种情况下，我的按钮将保持禁用状态，因为验证码根本不返回任何值(？)。

最诚挚的问候!

Answer 1

解决您的问题的方法是:

if($("#g-recaptcha-response").val()!="") {
    //show button
}