1

約5つの質問のサイトにフォームを作成したいと思います。各質問は異なるスライドにあります。私が目指しているのは、あなたが質問に答えると、少し遅れて次の質問が同じ場所に表示されるということです。現在、私はjQueryタブを使用してそれを達成していますが、タブが表示されないように（または少なくともタブのように見えないように）、次の質問に自動的に進むようにしたいと思います。

「JavaScriptスライドショー」を探しましたが、画像スライドショー用のプラグインが無数にあるようです。私は以前にこの効果を見たことがあると誓いますが、今はそれを見つけることができません。このためのプラグインはありますか（現時点では、各スライドで任意のHTMLを許可するスライドショーだけでも役立ちます。フォームから情報を取得する方法については後で説明します）。

4

1 に答える 1

1

各ページに入力された値をJavaScript変数に保持できます。

var answerOne, answerTwo, answerThree, answerFour, answerFive;
$('form').submit(function(event){
    event.preventDefault();
    answerOne = $('form input#question-one').value();
    // then run the script which hides current page and shows next
});

jQueryを使用して、ページを簡単に切り替えることもできます。

最も簡単な方法は次のとおりです（各div内のフォームを想像してください）。

<div id="page-1"></div>
<div id="page-2"></div>
<div id="page-3"></div>
 ...

<script>
    $('#page-1').hide();
    $('#page-2').show();
</script>

これは、ページ上の要素を表示および非表示にする方法の非常に簡単な例です。作業するのに十分なはずです。表示しているページを保存し、変更に応じてインクリメントするための変数が必要になります。

情報を最後に保存する場合は、サーバー側で処理して、情報が有効であり、予想されるデータの種類であることを確認することをお勧めします。そうしないと、攻撃者が値を送信する前に操作して、不要なSQLインジェクションや悪意のあるコードなどを作成する可能性があります。

于 2012-11-18T19:09:50.963 に答える