Отправлять данные HTML-формы в электронную таблицу Google

#html #forms #google-forms

#HTML #формы #google-forms

Вопрос:

Я хочу собрать ответы с сайта моего портфолио и сохранить их в электронной таблице Google. Я давно настроил свою форму и скрипт подобным образом, и они отлично работают:

 ...
<form id="form" target="_self" onsubmit="return postToGoogle();" action="" autocomplete="off"> 
<input id="nameField" name="entry.2008660880" placeholder="Enter your name" type="text" required> 
<input id="emailField" name="entry.1460631936" placeholder="Enter your email" type="email" required> 
<input id="mobField" name="entry.904964149" placeholder="Enter your 10 Digit Phone Number" type="text" pattern="^d{10}$" required>  
<button id="send" type="submit" class="common_btn">Send message</button>
</form>
...
<script>
function postToGoogle() {
                var field1 = $("#nameField").val();
                var field2 = $("#emailField").val();
                var field3 = $("#mobField").val();
              
                if(field1 == ""){
                    alert('Please Fill Your Name');
                    document.getElementById("nameField").focus();
                    return false;
                }
                if(field2 == ""){
                    alert('Please Fill Your Email');
                    document.getElementById("emailField").focus();
                    return false;
                }
                if(field3 == "" || field3.length > 10 || field3.length < 10){
                    alert('Please Fill Your Mobile Number');
                    document.getElementById("mobField").focus();
                    return false;
                }
                $.ajax({
                    url: "<googleformURL>",
                    data: {"entry.2008660880": field1, "entry.1460631936": field2, "entry.904964149": field3, "entry.1878256062": field4},
                    type: "POST",
                    dataType: "xml",
                    success: function(d)
                    {
                    },
                    error: function(x, y, z)
                        {

                            $('#success-msg').show();
                            $('#form').hide();
                            
                        }
                });
                return false;
            }
</script>
  

Но теперь я хочу попробовать что-то подобное и обнаружил, что у ввода формы Google нет свойства name или id.

изображение

Есть ли какое-либо решение? Это будет большим подспорьем.

Ответ №1:

Google внес некоторые изменения в способ работы своих форм. Чтобы получить те же entry.xxxxxxxx значения сейчас:

  1. Откройте свою форму, как обычно.
  2. На кнопке в правом верхнем углу выберите опцию «ссылка на предварительно заполненную форму» или что-то в этомроде.
  3. Теперь открывшуюся форму можно проверить так же, как вы делали это в прошлом, чтобы получить entry.xxxxxx значения.