複数のSqPaymentFormsを1つのウェブページで

Question

私はスクエアクレジットカード処理を使用していますが、同じWebページで2つの支払いフォームを使用する必要があります。 私はSqPaymentFormを私のWebページに統合しようとしました。私は支払いの支払いに成功しました。それが到着するときにフォームが2回ロードされる可能性があり、フォームに2回すべてのカードの詳細を入力する必要があります。どのように私はこの問題に終わることができますか？

var paymentFormUserPickUp = new SqPaymentForm({ 
         applicationId: ApplicationId, 
         inputClass: 'sq-input', 
         cardNumber: { 
          elementId: 'sq-card-numberup', 
          placeholder: 'Card Number' 
         }, 
         cvv: { 
          elementId: 'sq-cvvup', 
          placeholder: 'CVV' 
         }, 
         expirationDate: { 
          elementId: 'sq-expiration-dateup', 
          placeholder: 'MM/YY' 
         }, 
         postalCode: { 
          elementId: 'sq-postal-codeup', 
          placeholder: 'Zip Code' 
         }, 
         callbacks: { 
          cardNonceResponseReceived: function (errors, nonce, cardData) { 
           if (errors) { 
            // handle errors 
            var Errors; 
            errors.forEach(function (error) { 
             Errors += error.message + ","; 
            }); 
            Errors.trimEnd(','); 
            alert(Errors); 
           } else { 
            alert(nonce); 
            localStorage.setItem("Nonce", nonce); 
           } 
          }, 
          unsupportedBrowserDetected: function() { 
           // Alert the buyer that their browser is not supported 
          } 
         } 
        }); 


var paymentFormUserDelivery = new SqPaymentForm({ 
         applicationId: ApplicationId, 
         inputClass: 'sq-input', 
         cardNumber: { 
          elementId: 'sq-card-numberud', 
          placeholder: 'Card Number' 
         }, 
         cvv: { 
          elementId: 'sq-cvvud', 
          placeholder: 'CVV' 
         }, 
         expirationDate: { 
          elementId: 'sq-expiration-dateud', 
          placeholder: 'MM/YY' 
         }, 
         postalCode: { 
          elementId: 'sq-postal-codeud', 
          placeholder: 'Zip Code' 
         }, 
         callbacks: { 
          cardNonceResponseReceived: function (errors, nonce, cardData) { 
           if (errors) { 
            // handle errors 
            var Errors; 
            errors.forEach(function (error) { 
             Errors += error.message + ","; 
            }); 
            Errors.trimEnd(','); 
            alert(Errors); 
           } else { 
            alert(nonce); 
            localStorage.setItem("Nonce", nonce); 
           } 
          }, 
          unsupportedBrowserDetected: function() { 
           // Alert the buyer that their browser is not supported 
          } 
         } 
        }); 

ありがとう!!!

Answer 1

1つのカード入力に複数のフォームがサポートされていません。受注は送金と送金の両方の支払いを受けるのはなぜですか？サンプルページがありますか？