.payform-tinkoff { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 2px auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 500px; } .payform-tinkoff-row { margin: 2px; border-radius: 4px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border: 1px solid #DFE3F3; padding: 15px; outline: none; background-color: #DFE3F3; font-size: 15px; } .payform-tinkoff-row:focus { background-color: #FFFFFF; border: 1px solid #616871; border-radius: 4px; } .payform-tinkoff-btn { background-color: #4e4e53; border: 1px solid #4e4e53; color: #ffffff; } .payform-tinkoff-btn:hover { background-color: #c6b09f; border: 1px solid #c6b09f; } const TPF = document.getElementById( payform-tinkoff ); TPF.addEventListener( submit , function (e) { e.preventDefault(); const {description, amount, email, phone, receipt} = TPF; if (receipt) { if (!email.value && !phone.value) return alert( Поле E-mail или Phone не должно быть пустым ); TPF.receipt.value = JSON.stringify({ EmailCompany : info@stolichniekuhni.ru , Taxation : usn_income_outcome , Items : [ { Name : description.value || Оплата , Price : amount.value + '00', Quantity : 1.00, Amount : amount.value + '00', PaymentMethod : partial_payment , PaymentObject : commodity , Tax : none } ] }); } pay(TPF); })