JSFiddle - React, Tailwind, and code Playground

by orlandotigereye

HTML

<script src="jquery.min.js"></script>
  <div>
            <div>
                <strong>Test Google Form</strong>
            </div>
            <form id="form" target="_self" onsubmit="" action="">
                  <fieldset> <label>field1</label> <textarea id="field1" name="field1"></textarea></fieldset>
<fieldset> <label>field2</label> <textarea id="field2" name="field2"></textarea></fieldset>
<fieldset> <label>field3</label> <textarea id="field3" name="field3"></textarea></fieldset>
<fieldset> <label>field4</label> <textarea id="field4" name="field4"></textarea></fieldset>
<fieldset> <label>field5</label> <textarea id="field5" name="field5"></textarea></fieldset>
<fieldset> <label>field6</label> <textarea id="field6" name="field6"></textarea></fieldset>
<fieldset> <label>field7</label> <textarea id="field7" name="field7"></textarea></fieldset>
<fieldset> <label>field8</label> <textarea id="field8" name="field8"></textarea></fieldset>
<fieldset> <label>field9</label> <textarea id="field9" name="field9"></textarea></fieldset>
<fieldset> <label>field10</label> <textarea id="field10" name="field10"></textarea></fieldset>
<fieldset> <label>field11</label> <textarea id="field11" name="field11"></textarea></fieldset>
<fieldset> <label>field12</label> <textarea id="field12" name="field12"></textarea></fieldset>
<fieldset> <label>field13</label> <textarea id="field13" name="field13"></textarea></fieldset>
  
                <div style="width: 100%; display: block; float: right;">
                    <button id="send" type="submit">
                        Send
                    </button>
                </div>
            </form>
        </div>

JavaScript

function postToGoogle() {
         
 var gooid="1BXZva6uCC9dVKNWf2FnSnsWqYCst4L5sOfqGmjUKJUg";     
  //false -151210 to google mult  
              //web field
var field1 = $('#field1").val();
var field2 = $('#field2").val();
var field3 = $('#field3").val();
var field4 = $('#field4").val();
var field5 = $('#field5").val();
var field6 = $('#field6").val();
var field7 = $('#field7").val();
var field8 = $('#field8").val();
var field9 = $('#field9").val();
var field10 = $('#field10").val();
var field11 = $('#field11").val();
var field12 = $('#field12").val();
var field13 = $('#field13").val();
               
                $.ajax({
                    url: "https://docs.google.com/forms/d/"+gooid+"/formResponse",
                    data: {
                      //write google filed
"entry.1714533622": field1 ,"entry.774700560": field2                     },
                    type: "POST",
                    dataType: "xml",
                    statusCode: {
                        0: function() {
                            //Success message
                          },
                        200: function() {
                            //Success Message
                         }
                    }
                });
            }
             
            $(document).ready(function(){
                $('#form').submit(function() {
                    postToGoogle();
                     return false;
                });
            });