カスタム作成のGoogleフォームで別のタブを開きます

Question

私はカスタムGoogleフォームを作成し、Googleスプレッドシートをデータベースとして使用しています。 同じページが新しいタブ に開いているフォームの送信ボタンをクリックすると、前のページのテキストボックスには、ユーザーが入力したデータがあります。

カスタムフォームのコードは次のとおりです。

<form action="" target="hidden_iframe" method="POST" id="mG61Hd" onsubmit="submitted=true;">  
<h5>Name</h5> 
<input type="text" id ="_name" name="name"> 
<h5>emailaddress</h5> 
<input type="text" id="_email" name="email"> 
<h5>message</h5> 
<textarea name="entry.839337160" id ="_message"></textarea> 
<button class="btn btn-lg btn-warning"  onclick="postContactToGoogle()">Send</button> 
</form> 

JavaScriptコードは次のとおりです。

function postContactToGoogle() { 

    var name = $('#_name').val(); 

    var email = $('#_email').val(); 
    var message = $('#_message').val(); 

    validate(); 


     if(validate=true) 
    { 
     $.ajax({ 
      url: "https://docs.google.com/forms/d/1sKGYnZfwEC_3sQvsjjx57swxLxdHMHPBC89s5C72x5s/formResponse", 
      data: { "entry.2005620554": name, 
      "entry.1045781291": email, "entry.839337160": message }, 
      type: "POST", 
      dataType: "xml", 
      statusCode: { 
       0: function() { 
        swal("Heyy there","Thank You for your feedback!","success"); 
        $('#_name').val(''); 

        $('#_email').val(''); 
        $('#_message').val(''); 
        window.setTimeout(function(){location.reload()},4000) 

       }, 
       200: function() { 
        swal("Heyy there","Thank You for your feedback!","success"); 
        $('#_name').val(''); 

        $('#_email').val(''); 
        $('#_message').val(''); 
        window.setTimeout(function(){location.reload()},4000) 

       } 
      } 
     }); 

    } 

} 

function validateEmail(email) { 
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*) 
(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA 
Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
return re.test(email); 
} 
function validate() { 
var email = $('#_email').val(); 
if (validateEmail(email)) { 


} else { 
swal('Oops!','The email '+email+' is not valid','error'); 



return false; 
} 

} 

Answer 1

私自身は非表示のiframeにフォームのターゲットを保つことによって上記の問題を解決しました同じページに非表示のiframeを作成することができます。