2017-05-08 5 views
1

私は外部プログラム「オートパイロット」を使用して、本来のフォームをキャプチャしています(私のマーケティング担当者向け)。しかし、私はポストに「アクション」を必要としないフォームを作っています。たとえば、ページをどこにでも置いてはいけないのではなく、#answer-buttonを次の質問に進むボタンとして動作させます。 (私は次の質問に行くフォームの前にボタンがあります)。フォームなしアクション - >オートパイロットを使用した投稿

私の質問は、ページをリロードせずに "action = 'something' 'を使ってデータを投稿するフォームを作成するにはどうすればいいですか?

私のjavascriptに私のコード

<form id="email-gate-form" action=""> 
    <input type="text" placeholder="FIRST NAME" name="first-name" required> 
    <input type="text" placeholder="LAST NAME" name="last-name" required> 
    <input type="text" placeholder="EMAIL" name="email" required> 
    <input type="text" placeholder="COMPANY" name="company" required> 
    <input type="submit" value="GET MY RESULTS" name="submit" id="answer-button" class="question-form-gate"> 
</form> 

小さなピーク

$("#answer-button").click(function(e) { 
e.preventDefault(); 
}); 

var emailGateButton = $("#email-gate .question-form-gate"); 
emailGateButton.on('click', function() { 

questionsOverlay.show(); 
TweenMax.staggerTo("#email-gate .animated", 0.25, {opacity: 0}, 0.25, "-=0.5") 
setTimeout(function(){ 
    emailGate.hide(); 
},1000) 
setTimeout(function(){ 
    questionFinal.show(); 
    TweenMax.staggerFrom("#section-final .animated", 0.25, {opacity: 0}, 0.25, "-=0.5") 
},1000) 
setTimeout(function(){ 
    questionsOverlay.hide(); 
},3000); 

}); 

大歓迎任意のヘルプ。

答えて

1
<form id="email-gate-form" method="post"> 
    <input type="text" placeholder="FIRST NAME" name="first-name" required> 
    <input type="text" placeholder="LAST NAME" name="last-name" required> 
    <input type="text" placeholder="EMAIL" name="email" required> 
    <input type="text" placeholder="COMPANY" name="company" required> 
    <input type="submit" value="GET MY RESULTS" name="submit" id="answer-button" class="question-form-gate"> 
</form> 

$("#email-gate-form").submit(function(e) { 
    e.preventDefault(); 
    process_form(); 
}); 

function process_form() { 
    var name = $("input[name=first-name]").val(); 
    console.log(name); 
    // do whatever you need to do with your varables 
} 
関連する問題