I have the following code:

<form runat="server">

        <ig:WebScriptManager runat="server" ID="WebScriptManager1" />

        <ig:WebCaptcha runat="server" ID="WebCaptcha1" CaptchaImageSettings-TextLength="3" InputValueEditor-ReadOnly="false" SubmitButton-Enabled="false" SubmitButton Visible="false" />

</form>

__________________________________________________

and my javascript code:

// check to see if the captcha is valid
function validateCaptcha(captchaID) {
        var captchaIsValid = false;

        var captcha = $IG.WebCaptcha.find(captchaID); // gets a reference to the WebCaptcha control

        if (captcha.get_validationFailed()) // checks if the validation was successful on the server
        {
                alert("captcha is not valid!");
        }
        else {
                alert("captcha is valid!");

                captchaIsValid = true;
        }

        return captchaIsValid;
}

__________________________________________________

Any time I call validateCaptcha("<%=WebCaptcha1.ClientID%>") I get the following error message in the Google Chrome debugging console:

Uncaught TypeError: $IG.WebCaptcha.find is not a function

__________________________________________________

If I set the WebCaptcha to have Visible="false" then the error message changes to this:

Uncaught ReferenceError: $IG is not defined

__________________________________________________

Sorry for not mentioning this earlier, but I am using version 15.1

Could you try to get the control reference in this way - ig_controls.WebCaptcha1?

I tried both of these:

var captcha = ig_controls.WebCaptcha1;

and

var captcha = ig_controls.<%=WebCaptcha1.ClientID%>;

They both return "undefined"

Would you send a sample application?

Thanks in advance!

Regards,