时间戳

首页 > 解决方案 > 带有 lockalstorage 的 JavaScript 中的表单除了 FF 中的默认值之外没有任何作用

javascript - 带有 lockalstorage 的 JavaScript 中的表单除了 FF 中的默认值之外没有任何作用

问题描述

(document).ready(function()
{
    function init()
    {
        $("form input.stored").each(function () 
        {
            var form = $(this).parent();
            var idOfForm = form.attr("id");
            var type = $(this).data("type");
            
            if(localStorage.getItem("#"+idOfForm+" input[data-type='"+type+"']"))
                $(this).val(localStorage.getItem("#"+idOfForm+" input[data-type='"+type+"']"));
 
        });
        
        $("form input[type='submit']").click(function (evt) 
        {
            evt.preventDefault();
            
            
            $("input.stored", evt.target.parentNode).each(function () 
            {
                var form = $(this).parent();
                var idOfForm = form.attr("id");
                var type = $(this).data("type");
                
                localStorage.removeItem("#"+idOfForm+" input[data-type='"+type+"']");
                $("#"+idOfForm+" input[data-type='"+type+"']").val("");
                
            });
        });
    }
    
    
    $("input.stored").keyup(function()
    {
        var form = $(this).parent();
        var idOfForm = form.attr("id");
        var type = $(this).data("type");
        
        //alert("#" +idOfForm+ " input[data-type='" + type + "']");
        
        localStorage.setItem("#"+idOfForm+" input[data-type='"+type+"']",$(this).val());
        
        
    });
});

我正在处理本地存储形式，但有些东西不是赖特的，除了 ff 中的默认值之外，它不会保存我的输入，休息是正常的。我不知道这里有什么，每个接缝都很好。

标签： javascripthtmljquery

解决方案

和 html

   </head>
    <body>
      
        
        <form id="AG">
            Imię: <input class="contact_input stored" data-type="name" type="text"></br>
            Email: <input class="contact_input stored" data-type="email" type="text"></br>
            Telefon: <input class="contact_input stored" data-type="tel" type="text"></br>
            <input type="submit"></br>
        </form>
        
        <form id="AB">
            Imię: <input class="contact_input stored" data-type="name" type="text"></br>
            Email: <input class="contact_input stored" data-type="email" type="text"></br>
            Telefon: <input class="contact_input stored" data-type="tel" type="text"></br>
            <input type="submit"></br>
        </form>

Imię: 电子邮件: Telefon: Imię: Email: Telefon:

推荐阅读