jquery - 如何使 Recaptcha 成为 MVC 3 中的必填字段？

Question

我的注册表单上有验证码。用户必须在验证码框中输入一些内容，然后才能将其发布到服务器。我对其他字段进行了服务器端验证和客户端验证。

从 rcaptcha 生成 html:

<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" autocomplete="off" class="valid">

查看:

@ReCaptcha.GetHtml(theme: "red", publicKey: GetPublicKey())
@Html.ValidationMessageFor(m => m.recaptcha_response_field)

型号:

[Required(ErrorMessage = "'captcha required' ")]
public string recaptcha_response_field { get; set; }

加载时我看到“需要验证码”消息。但如果我输入一些内容，它仍然会出现。提交的表单带有空的验证码框。

如何在客户端将验证码设置为必填字段？

感谢您的帮助

编辑:我添加它是为了拦截提交 btn 点击事件，但它不会停止发布表单。

    <button type="submit" id="btnSubmit" class="sprt bg_red bt_red h25" onsubmit="ValidateAndSubmit();">Signup</button>
<script type="text/javascript">    
    function ValidateAndSubmit() {
            var v=$('#recaptcha_response_field').val();
            if (v == '' || v == undefined) {
                alert('captcha is required');
                return false;
            }
            return true;
        }
</script>

Answer 1

要使其在您键入时工作，请返回值，而不仅仅是调用它。类型

onsubmit="return ValidateAndSubmit();"

或

onclick="return ValidateAndSubmit();"

您还可以尝试在表单标记上添加相同的验证。