Question

我正在使用http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/制作多页表单。我想在最后添加一个确认页面，显示输入的其他信息（姓名，电子邮件等），而不重新加载页面。本质上，我想显示用户在页面的另一部分输入的内容。我假设这将使用jQuery。我怎么能这样做？

Answer 1

你这样做：

假设这是第一步：

<fieldset class="step">
            <legend>Account</legend>
            <p>
                <label for="username">User name</label>
                <input id="username" name="username" />
            </p>
            <p>
                <label for="email">Email</label>
                <input id="email" name="email" type="email" />
            </p>
            <p>
                <label for="password">Password</label>
                <input id="password" name="password" type="password" />
            </p>
        </fieldset>

您的确认步骤应如下所示

<fieldset class="step">
            <legend>Confirm Your Account Information</legend>
            <p>
                <span id="username_confirmation"></span>
            </p>
            <p>
                <span id="email_confirmation"></span>
            </p>
            <p>
                <span id="password_confirmation"></span>
            </p>
        </fieldset>

将此JQuery代码放在页面的任何部分

$(function(){ $('input[type="text"]').keyup(function() {$("#"+$(this).attr("id")+"_confirmation").html($(this).val());}); });

所以基本上它所做的就是在任何文本框上捕获任何keyup事件，检查具有相关文本框ID“plus”_confirmation的元素。假设您正在输入用户名文本框，在每个键盘上它将查找“username_confirmation”元素，并将“username_confirmation”的内容更改为“username”的相同值

表格文字显示

1 个答案: