0

我有这个存储到本地存储的调查。单击提交后，系统会提示用户“您确定”。用户单击 'ok' 后，我试图导航到目录中的确认 HTML 页面（Confirmation.html）。但我无法同时实现存储值和导航工作。似乎只能得到任何一个。任何帮助，将不胜感激。

function clicked() {
    if (confirm('Are you sure you want to submit? You will not be able to go back.')) {
        form.submit();

    } else {
        return false;
    }
}

$('form').submit(function () {
    var person = $("#FirstName").val() + "." + $('#LastName').val();
    $('input, select, textarea').each(function () {
        var value = $(this).val(),
            name = $(this).attr('name');
        localStorage[person + "." + name] = value;
        window.location.href = "Confirmation.html";
        console.log('stored key: ' + name + ' stored value: ' + value);
    });
});
<button type="submit" value="Save" id="Save" onclick="clicked();" >Submit Form</button>

如果上面没有显示我的问题，这里是jsfiddle中的全部

4

2 回答 2

0

试试这个

<script>
$( document ).ready(function() {
$('#Save').click(function (e) {
 if (confirm('Are you sure you want to submit? You will not be able to go back.')) {
     var person = $("#FirstName").val() + "." + $('#LastName').val();
    $('input, select, textarea').each(function () {
        var value = $(this).val(),
            name = $(this).attr('name');
        localStorage[person + "." + name] = value;
        window.location.href = "Confirmation.html";
        console.log('stored key: ' + name + ' stored value: ' + value);
    });

    }
});
});
</script>

并onclick="clicked();"从按钮中删除。

于 2013-10-24T14:54:08.063 回答
0

我不确定您为什么需要Confirmation.html页面。考虑我的意见如下：

第一个：您已经在要求用户确认给他一个消息框。此后，您应该只将表单数据（在任何其他验证之后）提交到服务器端页面action（我相信您在 的值中已经提到过form）。

第二：如果您仍然需要confirmation.html页面，那么您应该从该服务器端页面重定向到confirmation.html ，而不是从您的表单页面（当前页面）。现在取决于确认.html的使用，您应该在将表单数据输入数据库之前/之后重定向到确认.html （或执行其他操作）。

于 2013-10-24T15:32:07.420 回答