PayPal支付按钮传入空邮箱值不渲染，求条件传参或其他解决方案

PayPal Orders V2 接口对 payer 下的 email_address 字段有严格的格式校验，当你传入空字符串时，接口参数校验不通过，就会导致后续的借记卡/信用卡支付表单无法正常初始化渲染。

方案1：条件添加email_address属性 #

该方案完全符合你提出的实现思路，仅在邮箱输入框有有效值时才往payer对象中追加对应属性，修改后的代码如下：

paypal.Buttons({
    style: {
        layout:  'vertical',
        shape: 'rect',
        height: 36
    },
    createOrder: function (data, actions) {
        // 构造基础payer对象，默认不包含email_address字段
        const payer = {
            phone: {
                phone_type: "MOBILE",
                phone_number: {
                    national_number: "14082508100"
                }
            }
        }
        // 邮箱输入框有值时才追加email_address属性
        const donorEmail = $("#DonorEmailID").val().trim()
        if (donorEmail) {
            payer.email_address = donorEmail
        }

        return actions.order.create({
            payer: payer,
            application_context: {
                shipping_preference: 'NO_SHIPPING'
            },
            purchase_units: [{
                description: getPurchaseDescription(),
                amount: {
                    value: $("#Amount").val()
                }
            }]
        });
    },
    // 剩余逻辑保持原有实现即可
})

方案2：补充前置校验+可选字段处理 #

你也可以结合业务场景选择以下优化方式：

• 如果邮箱是业务必填项，你可以在触发支付流程前先校验输入内容，若邮箱为空或格式不符合要求，直接提示用户补全，不触发PayPal订单创建逻辑，同时也可以同步校验支付金额的合法性，避免其他参数异常导致的渲染失败
• 如果邮箱允许用户在PayPal支付表单内填写，你可以直接去掉代码中硬传的email_address字段，PayPal会自动在支付表单中提供邮箱输入项供用户自主填写

内容的提问来源于stack exchange，提问作者Jake Manet