Html PayPal оплаты и по электронной почте пользователю одновременно - PullRequest
1 голос
/ 11 апреля 2020

Я работаю над сайтом, где я использую PayPal в качестве платежной системы. Но у меня есть проблема. Что я хочу, так это то, что когда я нажимаю на кнопку PayPal, я перехожу на новую страницу, где клиент может купить мой продукт (это работает вполне нормально). Но я также хочу, чтобы письмо было отправлено. Часть электронной почты, которую я выяснил, но не могу понять, чтобы запустить код одновременно, поскольку он перенаправляет клиента на страницу PayPal.

codepen

Эта кнопка отвечает за электронную почту:

<button formaction="/contact" type="submit" class="paypal-btn-check" onclick="simple_gaming_radio_check();">

Это код, который перенаправляет пользователя на страницу PayPal:

<input formaction="https://www.paypal.com/cgi-bin/webscr" type="hidden" name="cmd" value="_s-xclick">
          <input formaction="https://www.paypal.com/cgi-bin/webscr" type="hidden" name="hosted_button_id" value="W6SHV472B68TC">
          <input type="submit" formaction="https://www.paypal.com/cgi-bin/webscr" name="submit">

Html Код

<body>
<section>
    <div class="contact-container">
        <h1>Contact</h1>
        <form method="post">
            <div class="contact-input-container">
                <div>
                    <input formaction="/contact" name="email" class="contact-input contact-email" type="text" placeholder="name@gmail.com" autocomplete="off">
                </div>
                <div>
                    <input formaction="/contact" name="subject" class="contact-input contact-subject" type="text" placeholder="subject.." autocomplete="off">
                </div>
                <div>
                    <textarea formaction="/contact" name="message" class="contact-input contact-message" type="text" placeholder="message.."></textarea>
                </div>
            </div>
            <button formaction="/contact" type="submit" class="paypal-btn-check" onclick="simple_gaming_radio_check();">
              <input formaction="https://www.paypal.com/cgi-bin/webscr" type="hidden" name="cmd" value="_s-xclick">
              <input formaction="https://www.paypal.com/cgi-bin/webscr" type="hidden" name="hosted_button_id" value="W6SHV472B68TC">
              <input type="submit" formaction="https://www.paypal.com/cgi-bin/webscr" name="submit">
            </button>
        </form>
    </div>
</section>

1 Ответ

0 голосов
/ 11 апреля 2020

Решение состоит в том, чтобы вызвать функцию отправки электронной почты через событие onclick в Javascript.

    <body>
    <section>
    <div class="contact-container">
        <h1>Contact</h1>
        <form method="post">
            <div class="contact-input-container">
                <div>
                    <input formaction="/contact" name="email" class="contact-input contact-email" type="text" placeholder="name@gmail.com" autocomplete="off">
                </div>
                <div>
                    <input formaction="/contact" name="subject" class="contact-input contact-subject" type="text" placeholder="subject.." autocomplete="off">
                </div>
                <div>
                    <textarea formaction="/contact" name="message" class="contact-input contact-message" type="text" placeholder="message.."></textarea>
                </div>
            </div>
            <button formaction="/contact" type="submit" class="paypal-btn-check" onclick="simple_gaming_radio_check();">
              <input formaction="https://www.paypal.com/cgi-bin/webscr" type="hidden" name="cmd" value="_s-xclick">
              <input formaction="https://www.paypal.com/cgi-bin/webscr" type="hidden" name="hosted_button_id" value="W6SHV472B68TC">
              <input type="submit" onclick="sendMail()" formaction="https://www.paypal.com/cgi-bin/webscr" name="submit">
            </button>
        </form>
    </div>
</section>

Ваш код javascript будет выглядеть примерно так:

   function sendMail(){
      //Your sending mail code will go here
      alert("Mail Sent")
   }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...