Question

We use Captcha control in a registration form that we make full client validation for all fields in JavaScript ( JQuery ) beside server validation ..

I tried a lot of ways but all will write the Captcha value in JavaScript that can be accessed by anyone 🙁

I search if is there any way that allow me validate Captcha value in client side using JQuery in secure way or it can’t be done ?

Answer 1

It cannot be done.

Javascript is client-side, as you know, and any code client-side has to be treated as potentially compromised as you don’t have control over it.

At best, you could resort to sending up a salted hash of the value along with the salt, but even that in itself could be used to test guess values before actually submitting it.

Everything else relies on calls to the server.

---

As per comment request, here’s the general idea:

Firstly, on the server, calculate a random string to be used as the salt. This should be roughly unique every request. The purpose of this string is to prevent rainbow table attacks.

Now, saving this string separately, but also create another string that is the concatenation of random string and the Captcha answer. Of this new combined string you generate the hash (for example, SHA-1) of it.

using System.Web.Security;
...
string hashVal = FormsAuthentication.HashPasswordForStoringInConfigFile(combined, "SHA1");

Both the random string and the hash value need to be placed in the page for the javascript to be able to read.

On the client side, when a user answers the Captcha, take the random string and concatenate it with the answer (getting the idea here?). Taking this string, you can use something like the SHA-1 JQuery plugin to hash it and compare it with the pre-computed hash you sent up.

hashVal = $.sha1(combinedString)

If it matches, it is (almost) certainly the correct answer. If it doesn’t, then it is 100% the wrong answer.