jQuery Form Observe changeClassmsg 介绍
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();
});
`
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>
jQuery Form Observe changeClassmsg 官网
http://plugins.jquery.com/project/form-observe
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。