Question

我有一个订单，用户提供有关产品的一些输入，当他/她提交表格时，他/她将收到一封包含产品规格的电子邮件。

该网站基本上提供Logo设计服务。

这里的产品有：3个徽标样机，5个徽标样机，7个徽标样机和10个徽标样机，而不是任何有形产品（其他购物车优惠）。

现在，我使用该产品的paypal帐户创建了一个PayPal 立即购买按钮，并希望发送一封电子邮件（其中包含他/她已经填写的产品规格，然后点击立即购买按钮），并将其重定向到PayPal生成的相应产品结帐页面。

Paypal 立即购买按钮代码为：

<form id="logo-design-paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="46J7HLDHY7TBE">
    <table>
        <tr>
        <td><input type="hidden" name="on0" value="Logo Design">
            Logo Design</td>
        </tr>
        <tr>
        <td><select name="os0">
        <option value="3 Logo Mockups">3 Logo Mockups $50.00</option>
        <option value="5 Logo Mockups">5 Logo Mockups $120.00</option>
        <option value="7 Logo Mockups">7 Logo Mockups $350.00</option>
        <option value="10 Logo Mockups">10 Logo Mockups $650.00</option>
        </select>
        </td>
        </tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">

Answer 1

如果我之前正确理解了您的问题，则您创建了一个包含普通提交按钮的表单。如果用户输入所有输入并单击提交，您将向他发送电子邮件。现在，您使用PayPal提交按钮替换了普通按钮，并且您希望PayPal按钮像旧按钮一样调用发送电子邮件功能。如果那是你想要做的，你可以这样试试：

<div id="paypal_button">
    // wrap your encrypted paypal button in a div
</div>

// PayPal button is actually a form so you can make a script like the following

<script type="text/javascript">
    $("div#paypal_button > form").submit(function() {

        // Call your sending email function here (maybe by using Ajax)

    });
</script>

编辑：如果您不想将onclick事件绑定到PayPal按钮本身，我认为您应该使用此Ajax plugin提交您的原始表单（即不要使用普通提交，因为用户将被重定向到action属性中的页面，并且实现你想要的更难。

<form id="original_form" action="somePage">
    ...
    <input type="submit" value="Submit" /> 
</form>

<div id="paypal_button" style="display:none">
    // wrap your encrypted paypal button in a HIDDEN div
</div>

<script type="text/javascrip">
    $(document).ready(function() {
        // submit your original form to send the email and redirect the user on success
        $('#original_form').ajaxForm({
            success: function() { 
               $("div#paypal_button > form").submit();
            }     
        });

    });
</script>

发送电子邮件后，将用户重定向到PayPal结帐页面

1 个答案: