JQUERY 양식 임시 저장 기능 플러그인 Sharing_jquery

jquery.formLocalStorage는 범용 형식 임시 저장 기능을 구현하는 jquery 플러그인입니다

원칙:

양식 필드의 변경 사항을 모니터링하고, HTML5 WebStorage에서 localStorage를 사용하여 변경된 양식 필드의 값을 저장하고, 양식을 다시 로드할 때 저장된 값을 양식 필드에 다시 로드하여 임시 저장 기능을 구현합니다. .

특징:

1. 서버 리소스를 절약하기 위해 서버측 스토리지를 사용하지 마세요.

2. 코드가 간결합니다. 기본 구성을 사용하는 경우 $("#your_form_id").formLocalStorage(); 코드 하나만 있으면 됩니다. 서버 측 논리.

3. 풍부한 구성 항목 및 기본값을 통해 임시 콘텐츠의 스타일, 임시 저장소 로드, 저장 및 삭제 후 콜백 이벤트, 임시 저장소 명명 규칙을 사용자 지정할 수 있습니다. 기본값을 사용하여 과도한 구성 작업을 줄일 수도 있습니다.

사용법:

1. 기본 구성 사용:

$("#your_form_id").formLocalStorage();

2. 맞춤 구성 사용:

$("#your_form_id").formLocalStorage({
  storage_name_perfix : 'your_storage_name_perfix', //自定义暂存存储的命名前缀
  storage_events : 'click' //自定义暂存触发事件
});

알려진 문제:

1. 양식 항목에 동적으로 작성된 일부 내용은 모니터링할 수 없으며 임시 저장할 수 없습니다.

2. 기본 Storage_name_perfix는 ​​this.context.URL + form_selector + "@"입니다. 제출 후 this.context.URL이 변경되면 임시 저장소를 찾을 수 없으므로 다른 고유한 값을 사용하는 것이 가장 좋습니다. 기본 Storage_name_perfix

플러그인 다운로드 http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip