2017-01-30 7 views
3

ウェブサイトのHTMLフォームにGoogleフォームを作成します。投稿時に更新するGoogleフォームの設定

私が持っている問題は、投稿時にユーザーが醜い確認ページにリダイレクトされることです。

このフォームは、複数の提出物を受け取るように設計されています。

私の解決策は、フォームが送信されたときにページを更新して、エントリを送信し、ワンクリックで新しいページを準備できるようにすることです。

しかし、私はこれを動作させることはできません。

私は私がしましボタン

<input type="button" class="sbutton" name="submit" type="submit"  
value="Submit" value="Refresh Page" 
onClick="window.location.reload()"/> 

を提出する2つの値を与えて試してみたアンカータグに

<a href="javascript:history.go(0)"> 
    <button type="submit"> SUBMIT </button> 
</a> 

を送信ボタンをラップ試してみました最初にその名前を知らずにウェブページにリンクしようとしました

<a href="?"> 
    <button type="submit"> SUBMIT </button> 
</a> 

あなたが見ることができるように、私は迷ってしまいました。どんな助けでも大歓迎です。

<script> 
$('#input-form').one('submit',function(){ 
    var inputq1 = encodeURIComponent($('#input-q1').val()); 
    var inputq2 = encodeURIComponent($('#input-q2').val()); 
    var inputq3 = encodeURIComponent($('#input-q3').val()); 
    var q1ID = "entry.340878806"; 
    var q2ID = "entry.569569223"; 
    var q3ID = "entry.1623478195"; 
    var baseURL = 'https://docs.google.com/forms/d/e/1FAIpQLSf6So7J-  dJum3X4_rWAn07yALmyirzHDvufr5Ke3FUTXuR5wA/formResponse?'; 
    var submitRef = '&submit=1480224357040003724'; 
    var submitURL = (baseURL + q1ID + "=" + inputq1 + "&" + q2ID + "=" + inputq2 + "&" + q3ID + "=" + inputq3 + submitRef); 
    console.log(submitURL); 
    $(this)[0].action=submitURL; 
    $('#input-feedback').text('Word succesfully submitted, refresh page to submit a new one'); 
     }); 
:ここ

は、彼らが次のように何らかの方法で衝突するように見えるので、ソリューションのどれもこれまでのところ、私が指定したものを行うことができていなかった、私はフォームを送信するために使用しているスクリプトです

+0

フォームの詳細を提供します... ? –

+0

何を知りたいですか? '入力ID = "入力-q1"プレースホルダー= "単語" <入力ID = "入力-q1" <入力ID = "入力-q3"プレースホルダー= "メモリ"タイプ=テキスト> <入力ID = "入力-q2"プレースホルダー= "変換"名前= "q2"名前=「Q3」タイプ=テキスト> <ボタンID =「フォーム提出」タイプ=「提出は」> 「 を提出してくださいその後、私は機能を持つボタンがクリックされた提出したときにトリガ。 –

+0

投稿を参照してください、私は問題が何であるか説明するのに役立つスクリプトを追加しました。 –

答えて

0

あなたのフォームが表示されていない場合、私はあなたが投稿されたページを取り除くためにページを更新しようとしていると仮定しています。なぜユーザーを最初にそのページに連れて行くのですか? 、送信されたページから戻った後、フォームをクリアするには

onclick="SubmitForm(); return false;" 

ご提出機能に次の行を追加します:あなたは次のようにそれを行うことができ

function SubmitForm() { 
    document.formName.reset(); 
} 
+0

ユーザーがフォームに新しい投稿を入れることができるようにページをリセットしようとしています。送信ページへのリダイレクトはありません。(私があなたのコメントを正しく理解している場合) –

+0

私の提案を試しましたが、うまくいきませんでしたか?私はあなたが探しているものを理解し、私が提供しなければならないものを提供したと思います。 –

+0

私が書いたスクリプトを通して投稿ページの必要性を避けました。フォームは入力したのと同じページに投稿されます。したがって、送信ページを避けるのではなく、送信後に同じページをリセットしようとしています。あなたのコードを今実装しようとするつもりです、ありがとうございます。 –

関連する問題