如何一起发布表格并将数据存储到会话存储中

问题描述

我对HTML和JavaScript相当陌生，我想创建一个表单并让用户填写数据。按下提交按钮后，表单应将表单数据发布到formspree.io并一起存储到会话存储中。但是问题是我不能一起做。有没有什么办法解决这一问题？谢谢。

HTML

<form id="formset" class="main_form" action="https://formspree.io/[post-id]" method="POST">
                        <div class="row">
                           <div class="col-md-12 ">
                              <input class="contactus" placeholder="Full Name" type="text" id="fullname">
                           </div>
                           <div class="col-md-7">
                              <input class="contactus" placeholder="Email" type="tel" id="email">
                           </div>
                           <div class="col-md-7">
                              <input class="contactus" placeholder="Phone Number" type="text" id="phonenumber">
                           </div>
                           <div class="col-md-12">
                              <textarea class="contactus1" placeholder="Message" type="text" id="message"></textarea>
                           </div>
                           <div class="col-md-12">
                              <button class="send_btn" type="submit" id="submitform">Send</button>
                           </div>
                        </div>
                     </form>

p.s。 Formspree的表单ID被检查。

JavaScript

$(function() {
    $("form").submit(function (event) {
        event.preventDefault();
        sessionStorage.clear();
        var fullname = $("#fullname").val();
        var email = $("#email").val();
        var phonenumber = $("#phonenumber").val();
        var message = $("#message").val();
        console.log(fullname);
        var dataset = {
            fullname,email,phonenumber,message
        }

        sessionStorage.setItem('formcontent',JSON.stringify(dataset));
        
    });
});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）