Re-Captcha jak zrobić pole we front-end required jquery valdiate plugin

Question

Siema mam problem ze zrobieniem tego pola required łapie po klasie i wciąż jest niewymagane, kod:

<div class="g-recaptcha" required data-sitekey="6LdnViEUAAAAAL88vwpUjdbHjs2QKD3LPbs47QaO"></div>

    <script>
    	$(function() {
		$(".btn").on("click", function(){
			$("#forms").validate

			({
				rules:
				{
                    'g-recaptcha': {required: true}

				},
				messages:
				{
                    'g-recaptcha': {required: "tzzzzzzzzzzzzzzzzzzzzzzzzzzzz"}
            	}
			});
		});
	});
	</script>

 

Answer 1

Musisz użyć funkcji anonimowej coś w tym stylu:

 rules:
    {
        "captcha": {
            required: function() {
                if (grecaptcha.getResponse() === '') {
                    return true;
                } else {
                    return false;
                }
            }
        }

    },

poza tym tego:

$(".btn").on("click", function(){
});

nie potrzebujesz jqueryvalidate obsłuży formularz bez wykrywania zdarzenia kliknięcia na ten przycisk ... bo co walidujesz podajesz w tym miejscu:

$("#forms").validate