https://www.mango-office.ru/local/templates/mango_ru/js/custom/captcha/bitrix_captcha_register_form.js

1class BitrixCaptchaRegisterForm extends BitrixCaptcha {
2    containerClass = '.js-smart-captcha-container';
3
4    addContent() {
5        let divFormGroup = document.createElement('div');
6        divFormGroup.classList.add('form-group', 'js-form-group', 'js-captcha');
7
8        let label = document.createElement('label');
9        label.classList.add('bold');
10        label.textContent = 'Введите символы с картинки';
11
12        let divCaptcha = document.createElement('div');
13        divCaptcha.classList.add('captcha');
14
15        let divCaptchaWord = document.createElement('div');
16        divCaptchaWord.classList.add('captcha_word');
17
18        let divCaptchaImg = document.createElement('div');
19        divCaptchaImg.classList.add('captcha_img');
20
21        // <input type="hidden" name="captcha_sid" value="0e7576bc78ecabf071c8c357e93daa75">
22        this.hiddenInput = document.createElement('input');
23        this.hiddenInput.type = 'hidden';
24        this.hiddenInput.name = 'captcha_sid';
25        this.hiddenInput.value = this.captchaSid;
26        this.hiddenInput.id = 'captcha_sid';
27
28        // <input type="text" name="captcha_word" size="30" maxlength="50" value="" class="inputtext">
29        this.input = document.createElement('input');
30        this.input.classList.add('js-required');
31        this.input.type = 'text';
32        this.input.name = 'captcha_word';
33        this.input.size = 30;
34        this.input.maxlength = 5;
35        this.input.dataset.fieldname = 'Слово с картинки';
36        this.input.dataset.id = 'reg_captcha_word';
37
38        // <img src="/bitrix/tools/captcha.php?captcha_sid=0e7576bc78ecabf071c8c357e93daa75" width="180" height="40" alt="">
39        this.img = document.createElement('img');
40        this.img.src = '/bitrix/tools/captcha.php?captcha_sid=' + this.captchaSid;
41        this.img.width = 180;
42        this.img.height = 40;
43        this.img.id = 'captcha_img';
44
45        this.a = document.createElement('a');
46        this.a.dataset.type = 'link';
47        this.a.classList.add('js-reload-captcha', 'captcha_reload');
48        this.a.title = 'Обновить';
49
50        const svgNS = 'http://www.w3.org/2000/svg';
51        this.svg = document.createElementNS(svgNS, 'svg');
52        this.svg.classList.add('icon', 'icon--reload');
53
54        this.use = document.createElementNS(svgNS, 'use');
55        this.use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', '#icon--reload');
56
57        this.svg.appendChild(this.use);
58        this.a.appendChild(this.svg);
59
60        divCaptchaWord.appendChild(this.input);
61        divCaptchaImg.appendChild(this.hiddenInput);
62        divCaptchaImg.appendChild(this.img);
63        divCaptchaImg.appendChild(this.a);
64
65        divCaptcha.appendChild(divCaptchaWord);
66        divCaptcha.appendChild(divCaptchaImg);
67
68        divFormGroup.appendChild(label);
69        divFormGroup.appendChild(divCaptcha);
70
71        this.container.appendChild(divFormGroup);
72    }
73}