includes/comment_validation.js

   1 $(document).ready(function() {
   2   $('#recaptcha_widget').show();
   3   $('.submit').click(function() {
   4     $('#not_human').hide();
   5     $('#blank_comment').hide();
   6     $('#comment_text').css('border', '1px solid grey')
   7     $('#recaptcha_response_field').css('border', '1px solid grey')
   8     if ($('#comment_text').val() != '') {
   9          var challenge = Recaptcha.get_challenge();
  10          var response = Recaptcha.get_response();
  11      var captcha_data = { "challenge" : challenge,
  12                                              "response" : response};
  13      $.ajax({
  14        type: "GET",
  15        url: "/captcha",
  16        data: captcha_data,
  17        success: function(data) {
  18              if (data.split('\n')[0] == 'true') {
  19                var name = $("#comment_name").val();
  20                var text = $("#comment_text").val();
  21                    if (name == '') { name = "anon" }
  22            var comment_data = { "captcha" : "passed",
  23                                         "name" : name,
  24                                 "text" : text};
  25                    $.ajax({
  26                      type: "POST",
  27                          // the url may need to be adjusted for
  28                          // trailing slashes
  29                          url: "verify",
  30                          data: comment_data,
  31                          success: function() {
  32                            var new_post = "<h3>" + name + "</h3>"
  33                                                              + text + "<br><br>";
  34                            $('#comments').prepend(new_post);
  35                            $('#comment').hide();
  36                          }
  37                    });
  38                  } else {
  39                    $('#not_human').show();
  40            $('#recaptcha_response_field').css('border', '2px solid red')
  41                  }
  42        },
  43            error: function() {
  44              console.log('error');
  45            },
  46            complete: function() {
  47                    Recaptcha.reload();
  48            }
  49      });
  50         } else {
  51           $('#blank_comment').show();
  52       $('#comment_text').css('border', '2px solid red')
  53         }
  54         return false;
  55   });
  56 });