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

跨境电商——阿里巴巴速卖通宝典

跨境电商——阿里巴巴速卖通宝典

速卖通大学 编著 / 电子工业出版社 / 2015-1 / 69.00元

跨境电商作为中国电子商务发展的最新趋势,受到了全社会越来越多的重视,大量中国卖家借助阿里巴巴速卖通平台,将产品直接售卖到全球的消费者手中,通过这条短得不能再短的交易链,获得了丰厚的回报。 但同时,跨境电商这一贸易形式,对卖家的综合素质要求比较高:卖家要对海外市场比较熟悉,对跨境物流有所把握,能够用外语进行产品介绍和客户交流,通过跨境结算拿到货款……诸如此类的门槛,让不少新卖家心生畏难,而所有......一起来看看 《跨境电商——阿里巴巴速卖通宝典》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

随机密码生成器
随机密码生成器

多种字符组合密码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具