我如何保存rsform以便以后使用? [解]

时间:2016-07-18 12:35:44

标签: javascript jquery html joomla

我已经为需要它的人提供了一些解决方案,并保存并继续使用。

您需要将jquery库和cookie插件(https://plugins.jquery.com/cookie/)添加到您的网站。

接下来,您需要将其粘贴到javascript区域:

    $('document').ready(function(){

        $('input[type="text"], textarea').each (
            function(index){  
                var field = $(this).attr("id");
                $(this).val($.cookie(field));
            }
        );

        $('input[type="radio"]').each(
            function(index){  
                var field = $(this).attr("name");
                if($.cookie(field)) {
                    var value = $.cookie(field);
                    $("[id='"+value+"']").prop('checked',true);
                }
            }
        );

        $('input[type="checkbox"]').each(
            function(index){  
                var field = $(this).attr("name");
                if($.cookie(field)) {
                    var value = $.cookie(field);
                    $("[id='"+value+"']").prop('checked',true);
                }
            }
        );

        $('input[type="text"], textarea').on('input', function() {
            var Uniq = $(this).attr("id");
            var Content = $(this).val();
            $.removeCookie(Uniq);
                 $.cookie(Uniq, Content);
        });

        $('input:radio').on('change', function() {
            var Uniq = $(this).attr("name");
            var Content = $(this).attr("id");
            $.removeCookie(Uniq);
                $.cookie(Uniq, Content);
        });


        $('input[type="checkbox"]').on('change', function() {
            var Uniq = $(this).attr("name");
            var Content = $(this).attr("id");
            $.removeCookie(Uniq);
                $.cookie(Uniq, Content);
        }); 
    });

脚本会将文本输入,收音机输入,复选框输入和textarea保存到会话cookie,然后填写表单。享受!

如果您希望在浏览器会话中节省更多时间,请在此处计算天数$ .cookie(Uniq,Content,{expires:10}); // 10天

没有使用COOKIE的其他安全解决方案我们可以在这里使用WEBBROSER的本地存储:

$('document').ready(function(){
    $('input[type="text"], textarea').each (
        function(index){  
            var field = $(this).attr("id");
            $(this).val(localStorage.getItem(field));
        }
    );

    $('input[type="radio"]').each(
        function(index){  
            var field = $(this).attr("name");
            if(localStorage.getItem(field)) {
                var value = localStorage.getItem(field);
                $("[id='"+value+"']").prop('checked',true);
            }
        }
    );

    $('input[type="checkbox"]').each(
        function(index){  
            var field = $(this).attr("name");
            if(localStorage.getItem(field)) {
                var value = localStorage.getItem(field);
                $("[id='"+value+"']").prop('checked',true);
            }
        }
    );

    $('input[type="text"], textarea').on('input', function() {
        var Uniq = $(this).attr("id");
        var Content = $(this).val();
            localStorage.setItem(Uniq, Content);
    });

    $('input:radio').on('change', function() {
        var Uniq = $(this).attr("name");
        var Content = $(this).attr("id");
            localStorage.setItem(Uniq, Content);
    });

    $('input[type="checkbox"]').on('change', function() {
        var Uniq = $(this).attr("name");
        var Content = $(this).attr("id");
            localStorage.setItem(Uniq, Content);
    });
  });

0 个答案:

没有答案