javascript - フォーム送信時に出力を切り替える

Question

だから私はフォームを持っています。フォームが入力されて送信が押されたときに、フォームを「非表示」にして、いくつかの画像を表示したいのです。

ただし、ユーザーがページの戻るボタンを押した後にフォームを再度表示する必要があり(ブラウザーではなく)、フォームの値を前に出す必要があるため、現在、フォームを「非表示」にすることにこだわっています。送信が押された後、そのページに。

形：

<form id = "step1" onsubmit = "return formcheck()">
                <p>
                    Creator:
                    <select name="creator" id = "creator">
                        <option></option>
                        <option name = "abc" value = "nba">nba</option>
                        <option name = "abc" value = "abc"> oiasfn</option>
                    </select>
                </p>
                <p>
                    Trip Title:
                    <select name="title" id = "title">
                                            <option></option>
                        <option value = "cba">cbz</option>
                    </select>
                </p>
                <p>
                    Device:
                    <select name="device" id = "device">
                        <option name = "SN" value = "SN">Samsung Note</option>
                        <option name = "abc" value = "abc"> oiasfn</option>
                    </select>
                </p>
                <p>
                    No. of devices:
                    <select id = "deviceno" name = "deviceno">
                        <option></option>
                                            <option value = "1">1</option>
                    </select>
                </p>
                <p>
                    <input type="submit" name="next" id="next" value="Next"></input>
                </p>
            </form>

JavaScript 関数 formcheck():

function formcheck()
{
    var Ccreator = document.getElementById('creator').value;
    var Ctitle = document.getElementById('title').value;
    var Cdevice = document.getElementById('device').value;
    var Cdeviceno = document.getElementById('deviceno').value;

    if(Ccreator == ""||Ctitle == ""||Cdevice == ""||Cdeviceno == "")
    {
        alert("Form incomplete!");
        return false;
    }
    else
    {
        $("#step1").hide();
        return true;
    }
}

Answer 1

jquery ui タブhttp://jqueryui.com/tabs/またはこのプラグインhttp://archive.plugins.jquery.com/project/pagination のようなある種のページネーションを使用できます

Answer 2

<form id="step1">
            <p>
                Creator:
                <select name="creator" id = "creator">
                    <option></option>
                    <option name = "abc" value = "nba">nba</option>
                    <option name = "abc" value = "abc"> oiasfn</option>
                </select>
            </p>
            <p>
                Trip Title:
                <select name="title" id = "title">
                                        <option></option>
                    <option value = "cba">cbz</option>
                </select>
            </p>
            <p>
                Device:
                <select name="device" id = "device">
                    <option name = "SN" value = "SN">Samsung Note</option>
                    <option name = "abc" value = "abc"> oiasfn</option>
                </select>
            </p>
            <p>
                No. of devices:
                <select id = "deviceno" name = "deviceno">
                    <option></option>
                                        <option value = "1">1</option>
                </select>
            </p>
            <p>
                <input type="submit" name="next" id="next" value="Next"></input>
            </p>
        </form>

jquery:

$('#next').click(function(){
    return false;
    $('#step1').hide();
    // show anything here.
})