web自動儲存表單，web自動儲存

web自動儲存表單，web自動儲存

note:其中部分源碼來源網路

所用的架構:jquery 

實現的功能：

1.自動儲存表單

2.頁面重新整理的時候把自動儲存的值賦值給表單元素

思路：

1.表單值改變的時候自動觸發函數，儲存表單(序列化)

2.頁面重新整理的時候擷取儲存的值

代碼：

<script language="javascript" type="text/javascript">    getText();    $(function () {        //給class='.tabls綁定 input propertychange  change'        $('.tabls').bind('input propertychange change', function () {            if (check()) {                $.cookie("tableData", null);//刪除cookie                var data = $(".tabls").serialize();                data = decodeURIComponent(data, true);                $.cookie("tableData", data);//填充cookie            }        });    })    //從cookie序列化中擷取值    function getText() {        var cookieData = $.cookie("tableData");        if (cookieData != null) {            $(".tabls").each(function () {                var name = $(this).attr("name");                $(this).val(getUrlParam(name, cookieData));            });        }    }    //擷取url中的參數    function getUrlParam(name, datas) {        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構造一個含有目標參數的Regex對象         var r = datas.match(reg);  //匹配目標參數             if (r != null) return unescape(r[2]); return null; //返回參數值    }    //檢查瀏覽器是否支援cookie    function check() {        if (window.navigator.cookieEnabled) {               return true;        }        else {            alert("請設定cookie可用，否則系統將不能自動儲存資訊");            return false;        }    }  </script>