Андрей Ларионов / rekamore.su

Blame view

resources/views/js/captha.blade.php 4.43 KB
edit raw normal view history
ac8b91cfd   Андрей Ларионов   Обновление системы. 
1
2
3
4
5
6
7
8
 
  <script>
      var code;
      var code2;
  
      function createCaptcha() {
          //clear the contents of captcha div first
          var captha1 = $('#captcha1').html();
          var captha2 = $('#captcha2').html();
ac8b91cfd   Андрей Ларионов   Обновление системы. 
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
 
          document.getElementById('captcha1').innerHTML = "";
          document.getElementById('captcha2').innerHTML = "";
          var charsArray =
              "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
          var lengthOtp = 6;
          var captcha = [];
          for (var i = 0; i < lengthOtp; i++) {
              //below code will not allow Repetition of Characters
              var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
              if (captcha.indexOf(charsArray[index]) == -1)
                  captcha.push(charsArray[index]);
              else i--;
          }
          var canv = document.createElement("canvas");
          canv.id = "captcha";
          canv.width = 100;
          canv.height = 50;
          var ctx = canv.getContext("2d");
          ctx.font = "25px Georgia";
          ctx.strokeText(captcha.join(""), 0, 30);
          //storing captcha so that can validate you can save it somewhere else according to your specific requirements
          code = captcha.join("");
  
          document.getElementById("captcha1").appendChild(canv);
          // adds the canvas to the body element
  
          createCaptcha2()
      }
  
      function createCaptcha2() {
          //clear the contents of captcha div first
          document.getElementById('captcha2').innerHTML = "";
          var charsArray =
              "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ@!#$%^&*";
          var lengthOtp = 6;
          var captcha = [];
          for (var i = 0; i < lengthOtp; i++) {
              //below code will not allow Repetition of Characters
              var index = Math.floor(Math.random() * charsArray.length + 1); //get the next character from the array
              if (captcha.indexOf(charsArray[index]) == -1)
                  captcha.push(charsArray[index]);
              else i--;
          }
          var canv = document.createElement("canvas");
          canv.id = "captcha";
          canv.width = 100;
          canv.height = 50;
          var ctx = canv.getContext("2d");
          ctx.font = "25px Georgia";
          ctx.strokeText(captcha.join(""), 0, 30);
          //storing captcha so that can validate you can save it somewhere else according to your specific requirements
          code2 = captcha.join("");
  
          document.getElementById("captcha2").appendChild(canv);
          // adds the canvas to the body element
      }
  
      function validateCaptcha() {
          if (document.getElementById("cpatchaTextBox").value == code) {
              console.log('Валидная капча 1!');
          }else{
ef73d19b1   Hayk Nazaryan   worker/amployer r... 
70
 
              // alert("Неверная капча! Повторите вновь");
ac8b91cfd   Андрей Ларионов   Обновление системы. 
71
72
73
74
75
76
77
78
 
              createCaptcha();
          }
      }
  
      function validateCaptcha2() {
          if (document.getElementById("cpatchaTextBox2").value == code2) {
              console.log('Валидная капча 2!');
          }else{
ef73d19b1   Hayk Nazaryan   worker/amployer r... 
79
 
              // alert("Неверная капча! Повторите вновь");
ac8b91cfd   Андрей Ларионов   Обновление системы. 
80
81
82
83
84
85
86
 
              createCaptcha();
          }
      }
  </script>
  
  <script>
      $(document).ready(function() {
492296b6f   Андрей Ларионов   Коммит по итогу п... 
87
88
89
90
91
92
93
94
95
 
          $('#Reloadcapcha1').on('click', function() {
              console.log('click button reload captha');
              createCaptcha()
          });
  
          $('#Reloadcapcha2').on('click', function() {
              console.log('click button reload captha 2');
              createCaptcha2()
          });
ac8b91cfd   Андрей Ларионов   Обновление системы. 
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
 
          let form1 = document.getElementById('form1');
          form1.addEventListener('submit', function (event) {
              if (document.getElementById("cpatchaTextBox").value == code) {
                  console.log('Валидный кот');
                  return true;
              } else {
                  console.log('Ошибка1');
                  event.preventDefault();
                  return false;
              }
          });
  
          let form2 = document.getElementById('form2');
          form2.addEventListener('submit', function (event) {
              if (document.getElementById("cpatchaTextBox2").value == code2) {
                  console.log('Валидный кот');
ef73d19b1   Hayk Nazaryan   worker/amployer r... 
112
 
                  $('#captcha_employer_error').text('');
ac8b91cfd   Андрей Ларионов   Обновление системы. 
113
114
115
116
117
118
119
120
121
 
                  return true;
              } else {
                  console.log('Ошибка2');
                  event.preventDefault();
                  return false;
              }
          });
      });
  </script>