SimpleCaptchaCode/CaptchaCode.html at master · vishnusait/SimpleCaptchaCode · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<style>
    .capbox {
      background-color: #B9B9B9;
      border: #767676 0px solid;
      border-width: 0px 12px 0px 0px;
      display: inline-block;
      *display: inline; zoom: 1; /* FOR IE7-8 */
      padding: 8px 40px 8px 8px;
      }

    .capbox-inner {
      font: bold 11px arial, sans-serif;
      color: #000000;
      background-color: #767676;
      margin: 5px auto 0px auto;
      padding: 3px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      }

    #CaptchaDiv {
      font: bold 17px verdana, arial, sans-serif;
      font-style: italic;
      color: orange;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-color: #FFFFFF;
      padding: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      }

    #CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }

</style>

<div class="capbox">

  <div id="CaptchaDiv"></div>

  <div class="capbox-inner">
    Type the above number:<br>
    <form onsubmit="return checkform(this);">

      <input type="hidden" id="txtCaptcha">
      <input type="text" name="CaptchaInput" id="CaptchaInput" size="15"><br><br>
      <input type="submit" />
    </form>
    <!-- START CAPTCHA put this after the form-->
    <script type="text/javascript">
      // Captcha Script
      function checkform(theform) {
        var why = "";
        if (theform.CaptchaInput.value == "") {
          why += "- Please Enter CAPTCHA Code.\n";
        }
        if (theform.CaptchaInput.value != "") {
          if (ValidCaptcha(theform.CaptchaInput.value) == false) {
            why += "- The CAPTCHA Code Does Not Match.\n";
          }
        }
        if (why != "") {
          alert(why);
          return false;
        }
      }
      var a = Math.ceil(Math.random() * 9) + '';
      var b = Math.ceil(Math.random() * 9) + '';
      var c = Math.ceil(Math.random() * 9) + '';
      var d = Math.ceil(Math.random() * 9) + '';
      var e = Math.ceil(Math.random() * 9) + '';
      var code = a + b + c + d + e;
      document.getElementById("txtCaptcha").value = code;
      document.getElementById("CaptchaDiv").innerHTML = code;
      // Validate input against the generated number
      function ValidCaptcha() {
        var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
        var str2 = removeSpaces(document.getElementById('CaptchaInput').value);
        if (str1 == str2) {
          return true;
        } else {
          return false;
        }
      }
      // Remove the spaces from the entered and generated code
      function removeSpaces(string) {
        return string.split(' ').join('');
      }
    </script>
  </div>
</div>
<br><br>
<!-- END CAPTCHA -->