jQuery Form Observe

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-13 17:43:22

软件介绍

Overview

This plugin observes values of form elements.

When end-user changes any values of input elements, observer shows which values were changed. And observer also alerts to users when they try to move out from the page before submitting changes.
Usage

You can add FormObserve plugin onto any form element.

$(document).ready(function(){
  $('#MyForm').FormObserve();
});

<form id="MyForm">
  <input type="text" value="here's default value" />
  <input type="submit" value="save" />
</form>

If you want to show users the changes, you can add the definition of class 'changed'.

<style>
.changed {
  background-color: red;
}
</style>

After changes have been completed (might be 'onsubmit', 'ajax complete' and so on), you should call FormObserve_save() method.

$('#MyForm').submit(function(){
  if(validation=='ok'){
    $(this).FormObserve_save();
  }
});

Options

changeClass

You can change the class name of changed input-elements.

$(document).ready(function(){
  $('#MyForm').FormObserve({changeClass: "alert-color");
});

Default value is 'changed'.

msg

You can set the alert message.

Default value is "Unsaved changes will be lost.\nReally continue?"

Tips

You can call FormObserve_save() method to each elements.

$('#ajax-button').click(function(){
  // after saving on server
  $(this).FormObserve_save();
});

This plugin is very handy using with jGlycy.

<form jg="FormObserve">
  <input type="text" value="here's default value" />
  <input type="submit" value="save" />
</form>

本文地址:https://www.codercto.com/soft/d/23307.html

Web Caching

Web Caching

Duane Wessels / O'Reilly Media, Inc. / 2001-6 / 39.95美元

On the World Wide Web, speed and efficiency are vital. Users have little patience for slow web pages, while network administrators want to make the most of their available bandwidth. A properly design......一起来看看 《Web Caching》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码