`
caizi12
  • 浏览: 175974 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery禁用form表单中所有的表单项

阅读更多
需要jquery支持,测试版本为jquery-1.7.2.min.js


//禁用form表单中所有的input[文本框、复选框、单选框],select[下拉选],多行文本框[textarea]

function disableForm(formId,isDisabled) {
    
    var attr="disable";
	if(!isDisabled){
	   attr="enable";
	}
	$("form[id='"+formId+"'] :text").attr("disabled",isDisabled);
	$("form[id='"+formId+"'] textarea").attr("disabled",isDisabled);
	$("form[id='"+formId+"'] select").attr("disabled",isDisabled);
	$("form[id='"+formId+"'] :radio").attr("disabled",isDisabled);
	$("form[id='"+formId+"'] :checkbox").attr("disabled",isDisabled);
	
	//禁用jquery easyui中的下拉选(使用input生成的combox)

	$("#" + formId + " input[class='combobox-f combo-f']").each(function () {
		if (this.id) {alert("input"+this.id);
			$("#" + this.id).combobox(attr);
		}
	});
	
	//禁用jquery easyui中的下拉选(使用select生成的combox)
	$("#" + formId + " select[class='combobox-f combo-f']").each(function () {
		if (this.id) {
		alert(this.id);
			$("#" + this.id).combobox(attr);
		}
	});
	
	//禁用jquery easyui中的日期组件dataBox
	$("#" + formId + " input[class='datebox-f combo-f']").each(function () {
		if (this.id) {
		alert(this.id)
			$("#" + this.id).datebox(attr);
		}
	});
}


分享到:
评论

相关推荐

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    使用jQuery.form插件,实现完美的表单异步提交

    jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...

    jquery-form - jQuery表单生成插件

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

    JQuery.form表单提交参数详解.txt

    ### JQuery Form 插件中的 `ajaxForm()` 和 `ajaxSubmit()` 方法详解 #### 一、引言 在 Web 开发中,使用 AJAX 进行异步表单提交是一种常见的技术手段,它允许开发者无需重新加载整个页面即可提交数据并接收响应...

    jQuery表单插件jquery.form.js(示例源码)

    jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...

    jquery异步提交form表单

    本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...

    jquery 绑定 form表单数据

    jquery插件 利用json 绑定 form 表单数据

    jquery提交form表单

    `jquery.form.js`是jQuery的一个插件,它为表单提交提供了更高级的功能,如文件上传支持、多部分形式(multipart/form-data)和多种提交方式。安装此插件后,我们可以使用`.ajaxSubmit()`或`.submit()`方法: ```...

    jquery.form.js下载

    jquery.form.js jquery.form.js

    jquery form jquery.form.js

    总结,jQuery Form插件以其强大的功能和易于使用的特性,成为前端开发中处理表单不可或缺的工具。熟练掌握其使用,能够有效提升表单操作的便捷性和用户体验。在实际项目中,结合具体需求,灵活运用jQuery Form,可以...

    jquery.form.js

    《jQuery Form Plugin:简化异步表单提交与文件上传》 在Web开发中,jQuery库以其简洁的API和强大的功能深受...在实际开发中,熟练掌握并运用`jquery.form.js`,可以有效地优化表单处理流程,提高项目的质量和效率。

    jquery表单验证插件jquery.form.js.pdf

    从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...

    Ajax表单提交插件jquery form

    **Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...

    jquery.form.js和使用说明

    首先,`jquery.form.js`是这个插件的核心文件,它包含了所有与表单处理相关的函数和方法。这个插件允许开发者轻松地实现无刷新的表单提交,提供了一种更优雅的Ajax方式来处理用户数据的提交,提高了用户体验。 1. *...

    jquery-form 表单数据异步上传,文件上传

    表单异步上传,表单中可以支持文件和数据异步上传,

    jquery form 表单验证神器

    插件的核心部分是`jquery.xu72.form.4.0.js`,这是实际的JavaScript代码文件,包含了所有验证功能的实现。开发者只需要在页面中引入这个脚本,并配置相应的验证规则,就能实现对表单的验证。这个版本4.0可能包含了新...

    jquery-form 异步提交表单

    在使用jQuery Form插件时,如果表单中有Struts的标签,如`<s:form>`,需要确保这些标签正确设置了`action`属性,指向服务器端处理请求的Action。 ### 结论 jQuery Form插件极大地简化了异步表单提交的过程,使...

    jquery form表单美化插件

    总之,"jquery form表单美化插件"是前端开发中提升表单用户体验的一个强大工具。通过与jQuery的深度整合,它不仅简化了表单的AJAX提交,还提供了丰富的定制选项,使得开发者能够轻松创建出既美观又高效的表单。无论...

    jQuery的form表单校验插件

    **jQuery的form表单校验插件** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery作为一个强大的JavaScript库,提供了丰富的功能,包括对DOM...

    jquery-form.js

    《jQuery Form Plugin详解及其在异步表单提交与文件上传中的应用》 jQuery Form Plugin是一款强大的JavaScript库,专为了解决使用jQuery进行异步表单提交(Ajax Form Submission)和文件上传的问题。它通过扩展...

Global site tag (gtag.js) - Google Analytics