`
Lstoryc
  • 浏览: 79427 次
文章分类
社区版块
存档分类
最新评论

Jquery 实现监控form表单内数据是否变化

 
阅读更多

苦逼啊,,,以前JQ学不好,现在就看着API写代码。。。

 

1. 实现监控内容是否修改,如果修改了,button 就 enable,可以提交

$(document).ready(function () {
    $(function () {
        var jsonFormInit = $("form").serialize();

	$("input, textarea, select").change(function () {
		var jsonFormCurr = $("form").serialize();

		if (jsonFormCurr != jsonFormInit) {
			$("button[type='submit']").removeAttr("disabled");
		} else {
			$("button[type='submit']").attr("disabled", "");
		}
	});
.......
//省略。。。

PS: button 在载入的时候是 disabled 的

 

分享到:
评论

相关推荐

    Jquery判断form表单数据是否变化

    本文介绍了如何使用JQuery来判断一个form表单内的数据是否被修改,以及如何记录这些变化。 首先,为了判断表单数据是否发生变化,我们通常需要获取表单的初始值和提交前的值进行比较。这可以通过序列化表单数据来...

    jquery-form - jQuery表单生成插件

    在jQuery-form中,你可以轻松实现异步(Ajax)提交表单,避免页面刷新,提升用户体验。它支持多种HTTP方法,包括POST和GET,以及XMLHttpRequest Level 2的PUT、DELETE等。此外,它还兼容各种表单编码类型,如...

    jquery_form_js 表单提交自定义源码

    jQuery Form插件是基于jQuery库的一个扩展,它允许开发者使用Ajax技术实现异步表单提交,从而提升用户体验,避免页面刷新。此外,它还支持多种提交方式,如POST、GET、PUT、DELETE等,并且可以处理文件上传。这个...

    jquery-confirm.js和jquery-form.js

    首先,`jquery-form.js`监控表单的提交事件,并在用户尝试提交时阻止默认的表单行为。接着,通过`jquery-confirm.js`弹出一个提示框,确认用户是否真的要执行提交操作。如果用户确认,`jquery-form.js`会异步地将...

    基于jquery的监控数据是否发生改变

    它通过JavaScript库jQuery来实现对页面中特定元素(如文本框、选择框和文本区域)数据变化的实时监控。 首先,我们定义了一个全局变量`pageDataChange`,其初始值为`false`,表示页面数据尚未发生改变。这个变量...

    【springmvc+jquery.form.min.js+spring文件上传】

    总结起来,本项目结合了Spring MVC和jQuery Form Plugin,利用`ajaxSubmit`实现了异步文件上传功能,同时可能通过AOP对上传过程进行监控和管理。这展示了如何在Web应用中优雅地处理文件上传,提供了良好的用户体验并...

    jquery.form.zip

    jQuery Form插件是由Malsup开发的一个开源项目,它扩展了jQuery的功能,使得异步提交表单、监控上传进度以及处理各种复杂的表单场景变得简单易行。它支持多种HTTP方法(如POST、GET),并且可以与AJAX、IFrame、JSON...

    jquery通信

    jQuery提供了便捷的方法来操作和监控表单元素,如`$("#formId").submit()`用于监听表单提交事件,`$("#inputId").val()`用于获取或设置输入框的值。 **一、基本表单操作** 1. **选择表单元素:** 使用jQuery的选择...

    jQuery.form.js结合canvas上传图片显示进度圈效果

    以上就是利用jQuery.form.js插件结合canvas实现图片上传进度圈效果的整个过程。通过这种方式,我们可以提供一个用户友好的界面,让用户在等待文件上传时有一个明确的反馈,提高应用的交互性和专业性。在实际开发中,...

    jQuery-from

    综上所述,`jQuery Form`插件为传统表单提交提供了方便的监控和控制机制,尽管它不支持异步上传,但在很多场景下依然能提高开发效率和用户体验。在实际项目中,结合其他jQuery插件和最佳实践,可以构建出更完善的...

    几个实用的 jQuery 表单操作代码片段

    使用 jQuery 的 `data` 方法,我们可以记录表单是否已提交,防止重复提交。 ```javascript $(document).ready(function() { $('form').submit(function() { if (typeof jQuery.data(this, "disabledOnSubmit") ...

    jquery easyui简单示例

    jQuery EasyUI 的核心理念是简化网页开发,通过预定义的 CSS 样式和 JavaScript 插件,开发者可以快速实现诸如数据表格、对话框、菜单、表单验证、拖放等交互功能。以下是一些关键的知识点: 1. **基本使用**:首先...

    优秀的Jquery插件集合

    此外,它还支持多种事件绑定,便于开发者监控表单提交的不同阶段,实现更精细的控制。 #### jQuery uploadify:文件上传的革命 jQuery uploadify是一个功能强大的文件上传控件,支持Ajax提交、多文件上传、上传...

    240多个jQuery插件

    9. jQuery Form’n Field plugin:表单和字段管理。 10. jQuery Checkbox manipulation:复选框操作。 11. jTagging:标签输入。 12. jQuery labelcheck:自定义标签样式。 13. Overlabel:覆盖文本输入。 14. 3 ...

    240多个jQuery插件提供下载地址

    3. **Simple jQuery form validation**:简单的表单验证插件,易于使用。 - **特性**:简单易用。 - **应用场景**:适用于简单的表单验证需求。 4. **jQuery XAV-form validations**:提供了一系列高级验证规则的...

    Jquery提交数据

    在Web开发中,数据的提交是必不可少的一部分,jQuery 提供了简单易用的方法来实现这一功能。本篇文章将深入探讨如何在JSP页面中使用jQuery通过Ajax技术提交数据。 ### 1. jQuery 的基本使用 首先,确保在HTML页面...

    前端项目-jquery.AreYouSure.zip

    要使插件生效,你需要对需要监控的表单应用 `data-sys-confirm` 属性,或者通过 JavaScript 进行初始化。以下是一些基本用法: ```html <form id="myForm" data-sys-confirm="您确定要离开吗?"> <!-- 表单内容 --...

    海量经典的jQuery插件集合

    ### 海量经典的jQuery插件集合 #### 引言 jQuery作为一款优秀的JavaScript库,以其简单易用的特点深受开发者喜爱。随着社区的发展壮大,出现了大量的jQuery插件来满足不同的开发需求。本文将对一系列经典的jQuery...

    jquery插件表

    - **jQuery controlled dependent (or Cascading) Select List**:创建级联选择框,实现数据联动。 - **Multiple Selects**:支持多选功能的下拉列表。 - **Select box manipulation**:对选择框进行各种操作,如...

    js form表单input框限制20个字符,10个汉字代码实例.docx

    本文将详细介绍如何使用JavaScript来实现对Form表单中的Input框字符输入限制的功能,具体来说,我们将限制输入的最大长度为20个字符(包括全角字符),或等效于10个汉字。 #### 二、实现原理概述 要实现上述功能,...

Global site tag (gtag.js) - Google Analytics