ШКОЛА ПАРКУРА
Время начать уже пришло!
Выбери свой уровень
Новичок
A lunch set for a week / 1 person
8000 руб
  • Free delivery
  • 1 type of set
  • All ingredients included
Начать
Опытный
A lunch set for a week / 2 persons
16000 руб
  • Free delivery
  • Different types of sets
  • All ingredients included
  • Recipe inside
Стань лучше
Level 100
A set for a day for 1 person
25000 руб
  • Any dish from the menu
  • Free delivery
  • All ingredients included
Стань мастером

Как связать форму Тинькофф банка со штатной формой BF503 в Tilda?

Создаём связь формы BF503 и формы банка.
Для чего нужно?
1. Форму банка нельзя визуально отредактировать, только css
2. В форме банка нет проверки вводимой информации
3. Форма банка не будет отправлять сообщение на любой сервис, как делает штатная

Код №1 - Вы получаете в личном кабинете банка
Код №2 - Это основной код управления

Скрипты и стили добавляем в блок ДРУГОЕ►T123

1

<style>.tinkoffPayRow{display:block;margin:1%;width:160px;}</style>
<script src="https://securepay.tinkoff.ru/html/payForm/js/tinkoff.js"></script>
<form name="TinkoffPayForm" onsubmit="pay(this); return false;">
	<input class="tinkoffPayRow" type="hidden" name="terminalkey" value="TinkoffBankTest">
	<input class="tinkoffPayRow" type="hidden" name="frame" value="true">
	<input class="tinkoffPayRow" type="hidden" name="language" value="ru">
    <input class="tinkoffPayRow" type="text" placeholder="Сумма заказа" name="amount" required>
    <input class="tinkoffPayRow" type="text" placeholder="Номер заказа" name="order">
    <input class="tinkoffPayRow" type="text" placeholder="Описание заказа" name="description">
    <input class="tinkoffPayRow" type="text" placeholder="ФИО плательщика" name="name">
    <input class="tinkoffPayRow" type="text" placeholder="E-mail" name="email">
    <input class="tinkoffPayRow" type="text" placeholder="Контактный телефон" name="phone">
    <input class="tinkoffPayRow" type="submit" value="Оплатить">
</form>

2

<style>
/*Скрываем блок с формой Tinkoff*/
    #rec44732925{
        display:none;
    }
    
</style>

<script>

$(document).ready(function(){
 //Формируем буквы заказа
function str_rand() {
        var result       = '';
        var words        = 'QWERTYUIOPASDFGHJKLZXCVBNM';
        var max_position = words.length - 1;
            for( i = 0; i < 2; ++i ) {
                position = Math.floor ( Math.random() * max_position );
                result = result + words.substring(position, position + 1);
            }
        return result;
    };
 //Формируем числа заказа    
function randomNumber (m,n)
{
  m = parseInt(m);
  n = parseInt(n);
  return Math.floor( Math.random() * (n - m + 1) ) + m;
};
//Создаём переменную номера заказа
var nomerzakaza = str_rand() + randomNumber (10000,99999); 
//Присваиваем номер заказа полю ORDER Тинькофф формы
$("input[name='order']").val(nomerzakaza);
//Присваиваем номер заказа скрытому полю nomerzakaza  формы BF503
$("input[name='nomerzakaza']").val(nomerzakaza);

//При нажатии на кнопку 1 присваиваем сумму заказа полю AMOUNT Тинькофф формы и название позиции
$('[href="#popup:kurs1"]').click(function(){$("input[name='amount']").val(8000);$("input[name='description']").val($(".t702__title:eq(0)").text());});
$('[href="#popup:kurs2"]').click(function(){$("input[name='amount']").val(16000);$("input[name='description']").val($(".t702__title:eq(1)").text());});
$('[href="#popup:kurs3"]').click(function(){$("input[name='amount']").val(25000);$("input[name='description']").val($(".t702__title:eq(2)").text());});


//Блокируем Enter при заполнении формы
$(".t-form").keydown(function(event){
        if(event.keyCode == 13) {
          event.preventDefault();
          return false;
      }
   });


//При отправке штатной формы
 window.mySuccessFunction= function($form){
        
       //Скрываем лишние элементы после отправки
       $(".t-form__inputsbox").css("display" , "none");
       //Меняем номер слоя штатной формы, чтобы она была ниже терминала
       $(".t702 .t-popup").css("z-index" , "9990");
       //При клике на копку Штатной формы присваиваем данные форме Тинькофф формы 
         $("input[name='phone']").val($("input[name='Phone']").val());
         $("input[name='name']").val($("input[name='Name']").val());
         $("input[name='email']").val($("input[name='Email']").val());
   
      
        //Вызываем терминал банка
       $('.tinkoffPayRow')[9].click();
       

        
    }
   
    $('.js-form-proccess').each(function(){
        $(this).data('success-callback', 'window.mySuccessFunction');
    });

});

</script>
Made on
Tilda