需要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元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
在jQuery-form中,你可以轻松实现异步(Ajax)提交表单,避免页面刷新,提升用户体验。它支持多种HTTP方法,包括POST和GET,以及XMLHttpRequest Level 2的PUT、DELETE等。此外,它还兼容各种表单编码类型,如...
### JQuery Form 插件中的 `ajaxForm()` 和 `ajaxSubmit()` 方法详解 #### 一、引言 在 Web 开发中,使用 AJAX 进行异步表单提交是一种常见的技术手段,它允许开发者无需重新加载整个页面即可提交数据并接收响应...
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
总结,jQuery Form插件以其强大的功能和易于使用的特性,成为前端开发中处理表单不可或缺的工具。熟练掌握其使用,能够有效提升表单操作的便捷性和用户体验。在实际项目中,结合具体需求,灵活运用jQuery Form,可以...
本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...
jquery插件 利用json 绑定 form 表单数据
`jquery.form.js`是jQuery的一个插件,它为表单提交提供了更高级的功能,如文件上传支持、多部分形式(multipart/form-data)和多种提交方式。安装此插件后,我们可以使用`.ajaxSubmit()`或`.submit()`方法: ```...
jquery.form.js jquery.form.js
《jQuery Form Plugin:简化异步表单提交与文件上传》 在Web开发中,jQuery库以其简洁的API和强大的功能深受...在实际开发中,熟练掌握并运用`jquery.form.js`,可以有效地优化表单处理流程,提高项目的质量和效率。
从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...
**Ajax表单提交插件jQuery Form** 在Web开发中,jQuery Form插件是一个非常实用的工具,它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库,提供了强大的功能,允许开发者无刷新地更新页面...
首先,`jquery.form.js`是这个插件的核心文件,它包含了所有与表单处理相关的函数和方法。这个插件允许开发者轻松地实现无刷新的表单提交,提供了一种更优雅的Ajax方式来处理用户数据的提交,提高了用户体验。 1. *...
表单异步上传,表单中可以支持文件和数据异步上传,
插件的核心部分是`jquery.xu72.form.4.0.js`,这是实际的JavaScript代码文件,包含了所有验证功能的实现。开发者只需要在页面中引入这个脚本,并配置相应的验证规则,就能实现对表单的验证。这个版本4.0可能包含了新...
在前端开发中,动态生成表单是一个常见的需求,特别是在数据录入、编辑或验证场景下。...在实际项目中,你可能还需要考虑更复杂的需求,如表单重用、动态增删表单行等,这需要你对jQuery和layui有更深入的理解。
在使用jQuery Form插件时,如果表单中有Struts的标签,如`<s:form>`,需要确保这些标签正确设置了`action`属性,指向服务器端处理请求的Action。 ### 结论 jQuery Form插件极大地简化了异步表单提交的过程,使...
总之,"jquery form表单美化插件"是前端开发中提升表单用户体验的一个强大工具。通过与jQuery的深度整合,它不仅简化了表单的AJAX提交,还提供了丰富的定制选项,使得开发者能够轻松创建出既美观又高效的表单。无论...
**jQuery的form表单校验插件** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery作为一个强大的JavaScript库,提供了丰富的功能,包括对DOM...