导航到javascript中的HTML页面

我做了一个调查，调查的对象是本地存储。单击“提交”后，会提示用户“是否确定”。在用户单击“确定”后，我试图导航到我目录中的确认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> 

如果上面没有显示我的问题，这里是整个问题的答案

<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；从按钮。

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

1：您已经在向用户请求确认，并给他一个messagebox。此后，您应仅在对服务器端页面进行任何额外验证后提交表单数据，我相信您在表单的操作值中已经提到了该页面

---

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

我已将window.location.href=confirmation.html移动到单击的函数，但仍然无法完全工作。您需要AJAX来提交表单数据。然后重定向到您想要的页面。如果在“我的HTML”中的必填字段中没有填充任何内容，它将进行导航。填写字段会发送到本地存储，但没有确认页面：谢谢，但当我填写所有“必填”字段时，它似乎仍然在本地保存，但没有导航。如果某些必填字段留空，则可以正常工作。当然，这意味着必填字段不会让您将其填入该数据都是本地存储，如果这有区别的话。计划将确认页面用作“陷阱”页面，以防止用户返回并重新提交。