Я хочу настроить сообщение, отображаемое при отправке формы в формате HTML. Как это сделать? - PullRequest
Новая
       1

Я хочу настроить сообщение, отображаемое при отправке формы в формате HTML. Как это сделать?

0 голосов
/ 10 июня 2019

Я создал отправку электронной почты из статической HTML-формы с помощью Google Apps Mail.Проблема в том, что когда я отправляю форму, я вижу сообщение с подтверждением, что она была отправлена ​​как:

{"result": "success", "data": "{\" firstname \ ": [\ "Abhay \"]} "}

Я хочу удалить это и, кроме того, я хочу чистый текст после отправки формы, например" Спасибо за отправку ".Пожалуйста, исправьте мой код, чтобы удалить этот вывод. 

<!DOCTYPE HTML>
    <html>
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title> contact form </title>
    </head>
    <body>
    <div>
    <form id="gform" method="POST" 
    action="https://script.google.com/macros/s/AKfycbwlSM9z9ELHa1- 
    X6C_srRrB0j7FUlGgevJw7w7M/exec" >
    <label for="fname">First Name</label>
    <input type="text" id="fname" name="firstname" placeholder="Your name.." 
    required oninvalid="this.setCustomValidity('Put  here custom message')"/>
    <input type="submit" value="Submit"/>
    </form>

    <div style="display: none;" id="thankyou_message">
    <h2> <em>Thanks</em>xfn</h2>
    </div>

    <script data-cfasync="false" type="text/javascript"
    src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script- 
    without-server/master/form-submission-handler.js"></script>
    
    </body>
    </html>

1 Ответ

0 голосов
/ 10 июня 2019

Вы можете сделать ajax-запрос вместо отправки непосредственно от. 

 <form id="gform" onsubmit="return postMessage()">

Ниже 

<script>
    function PostMessage() {
        var form = document.getElementById('gform')

        fetch('"https://script.google.com/macros/s/AKfycbwlSM9z9ELHa1- 
       X6C_srRrB0j7FUlGgevJw7w7M/exec', {
        method: 'POST',
        body: new URLSearchParams(new FormData(a)).toString()
     }).then(function(res){ return res.json(); })
    .then(function(data){
        if(data.result == "success") {
            document.getElementById('thankyou_message').style.display = 'block';
        }
     });
     return false;
  }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...