Post
Ask Question

How to Use JQuery Captcha in ASP.NET

CaptchaJs.js 

  1. (function()  
  2. {  
  3.     var cx = '015363721894368854116:4i6ywnkggls';  
  4.     var gcse = document.createElement('script');  
  5.     gcse.type = 'text/javascript';  
  6.     gcse.async = true;  
  7.     gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +  
  8.         '//www.google.com/cse/cse.js?cx=' + cx;  
  9.     var s = document.getElementsByTagName('script')[0];  
  10.     s.parentNode.insertBefore(gcse, s);  
  11. })();  
  12.   
  13. function DrawCaptcha()  
  14. {  
  15.     var a = Math.ceil(Math.random() * 10) + '';  
  16.     var b = Math.ceil(Math.random() * 10) + '';  
  17.     var c = Math.ceil(Math.random() * 10) + '';  
  18.     var d = Math.ceil(Math.random() * 10) + '';  
  19.     var e = Math.ceil(Math.random() * 10) + '';  
  20.     var f = Math.ceil(Math.random() * 10) + '';  
  21.     var g = Math.ceil(Math.random() * 10) + '';  
  22.     var code = a + ' ' + b + ' ' + ' ' + c + ' ' + d + ' ' + e + ' ' + f + ' ' + g;  
  23.     document.getElementById("txtCodeCaptcha").innerHTML = code  
  24. }  
  25.   
  26. // Validate the Entered input aganist the generated security code function     
  27. function ValidTestimonialCaptcha()  
  28. {  
  29.     var str1 = removeSpaces(document.getElementById('txtCodeCaptcha').innerHTML);  
  30.     var str2 = removeSpaces(document.getElementById('TestimonialCAPTCHA').value);  
  31.     if (str1 == str2) return true;  
  32.     return false;  
  33.   
  34. }  
  35. DrawCaptcha();  
  36.   
  37.   
  38. function removeSpaces(str)  
  39. {  
  40.     return str = str.replace(/\s+/g, '');  
  41. }  
  42.   
  43.   
  44.   
  45.   
  46. Validation.js  
  47.   
  48. $(function()  
  49. {  
  50.     $('#reloadCaptcha').click(function()  
  51.     {  
  52.         DrawCaptcha();  
  53.     });  
  54.     $("#submitTestimonialsBtn").click(function()  
  55.     {  
  56.   
  57.         if ($('#txtTestimonialName').val() == '')  
  58.         {  
  59.             $('#txtTestimonialName').prev('.msg').text('Please enter Name.').css('display', 'block');  
  60.             $('#txtTestimonialName').focus();  
  61.             return false;  
  62.         }  
  63.         else  
  64.         {  
  65.             $('#txtTestimonialName').prev('.msg').text('').css('display', 'none');  
  66.         }  
  67.         if ($("#txtTestimonialEmail").val() == "")  
  68.         {  
  69.             $('#txtTestimonialEmail').prev('.msg').text('Please enter an email.').css('display', 'block');  
  70.             $('#txtTestimonialEmail').focus();  
  71.             return false;  
  72.         }  
  73.         else  
  74.         {  
  75.             $("#txtTestimonialEmail").prev('.msg').text('').css('display', 'none');  
  76.         }  
  77.         if ($('#txtTestimonials').val() == "")  
  78.         {  
  79.             $('#txtTestimonials').prev('.msg').text('Please enter testimonial.').css('display', 'block');  
  80.             $('#txtTestimonials').focus();  
  81.             return false;  
  82.         }  
  83.         else  
  84.         {  
  85.             $("#txtTestimonials").prev('.msg').text('').css('display', 'none');  
  86.         }  
  87.         if ($('#TestimonialCAPTCHA').val() == "")  
  88.         {  
  89.             $('#TestimonialCAPTCHA').prev('.msg').text('Please enter valid captcha.').css('display', 'block');  
  90.             $('#TestimonialCAPTCHA').focus();  
  91.             return false;  
  92.         }  
  93.         else if (!ValidTestimonialCaptcha())  
  94.         {  
  95.             $('#TestimonialCAPTCHA').prev('.msg').text('Captcha does not match. Please enter valid captcha').css('display', 'block');  
  96.             $('#TestimonialCAPTCHA').focus();  
  97.             return false;  
  98.         }  
  99.         else  
  100.         {  
  101.             $("#TestimonialCAPTCHA").prev('.msg').text('').css('display', 'none');  
  102.         }  
  103.         $(this).submit();  
  104.     });  
  105. });