`

jQuery的一些处理表单的方法

阅读更多

1.使用jQuery.MultiFile实现上传文件类型校验,需要引jQuery基础包,和jQuery.MultiFile插件包:

$('#id').MultiFile({
		  accept: 'gif|jpg|png|bmp|swf|doc|ppt|xls|xlsx|mdb|mmp|pdf|zip|rar|txt', 
		  STRING: {
		    remove:'删除',
		    selected:'Selecionado: $file',
		    denied:'不符合要求的文件类型 $ext!',
		    duplicate:'请不要重复选择:\n$file!'
		   }
	  });

 2.使用jQuery.validate校验表单

$("#workOrder").validate({
			 rules:{
				"title": {required: true}		   	          },
			    messages: {
		   		"title": { required: "不能为空!"}		     },
			submitHandler:function(form){
					 var options= {
			
			  			        success: showResponse
			  			    };
							$("#id").ajaxSubmit(options);
							function showResponse(data) {
								if(data.indexOf("failure")>=0){
									alert("保存数据失败!");
								}else if(data.indexOf("success")>=0){
									$.blockUI({
				  						message:'<table><tr><td height="50px;"><img src="${ctx}/images/11.gif" /></td><td>操作成功!</td></tr></table>',
				  						timeout:1500
						  			});
								}
				  			 	$(document).unbind("ajaxStart");
				  			}
							return false;
			}
	 });

 

分享到:
评论

相关推荐

    Jquery超强验证表单

    **jQuery是一种广泛应用于Web开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在“jQuery超强验证表单”这个主题中,我们将深入...掌握这些内容,可以提升你在Web开发中处理表单验证的能力。

    jquery实现弹窗表单填写提交

    总结,这个项目涉及了jQuery的基本用法,包括DOM操作(选择元素、显示/隐藏元素)、事件处理、表单序列化、Ajax请求,以及基本的前端表单验证。这些都是Web开发者必备的技能,尤其在构建交互性强的网页应用时。通过...

    jquery表单验证插件

    jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的Ajax提交,还支持文件上传等功能,极大地提升了用户体验并降低了服务器压力。本文主要针对“jquery表单验证...

    jQuery完整注册表单提交验证

    总结来说,jQuery在创建一个完整的注册表单验证系统中发挥着重要作用,它提供了便捷的DOM操作和事件处理机制,帮助开发者轻松地实现前端验证,提升用户体验。结合适当的后端交互,我们可以构建出一个安全、友好的...

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

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

    jquery会员注册表单验证实例演示

    在这个“jquery会员注册表单验证实例演示”中,我们将深入探讨如何利用jQuery来实现用户友好的表单验证,从而提高用户体验并确保数据的准确性。 一、jQuery基础知识 jQuery的核心理念是“Write Less, Do More”,它...

    jquery高级注册表单.zip

    在网页开发中,表单是收集用户信息的重要工具,而jQuery能够极大地提升表单的用户体验,使操作更流畅、反馈更及时。 首先,我们要了解jQuery的基本概念。jQuery是一个轻量级的JavaScript库,它简化了DOM(文档对象...

    jquery validate 表单验证

    接下来,我们将深入探讨jQuery Validate的使用方法、核心概念以及如何结合其他脚本文件实现自定义验证。 首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。...

    jQuery+bootstrap可视化表单拖拽编辑,自定义拖拽设计表单

    代码简介:jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单,可自定义拖拽控制生成表单,预览表单,表单各种属性可通过json格式的配置来处理控制表单的各个属性,看起来非常的高大上,...

    jquery实现通过按钮弹出表单

    `$("#popupForm").submit()`则用于处理表单提交,`event.preventDefault()`阻止了表单的默认提交行为,这样我们就可以自定义数据处理逻辑,例如通过Ajax发送数据到服务器。 此外,如果你的表单包含更复杂的交互或...

    jQuery添加删除表单元素代码.zip

    然后,使用jQuery选择器找到你的表单元素,并调用插件提供的方法来启用动态添加和删除功能。例如,你可以使用`.dynamicRows()`方法初始化这个功能,并设置相应的参数,如添加按钮的CSS选择器、删除按钮的CSS选择器...

    jQuery用户注册表单验证代码

    总之,jQuery提供了强大的工具来简化表单验证的实现,通过结合DOM操作、事件处理和正则表达式,我们可以创建出功能完善、用户体验良好的用户注册表单。这个小项目可以帮助你深入理解这些概念,并实践在实际项目中。

    jQuery表单验证大全

    jQuery Validate插件是jQuery的一个扩展,专门用于处理HTML表单的验证。它提供了一套完整的验证规则和自定义方法,能够轻松地对表单元素进行验证。这个插件的核心文件有`jquery.validate.js`,其压缩版为`jquery....

    jquery UI表单设计器

    1. **基于jquery ui的表单设计器技术实现.docx**:这份文档很可能详细介绍了如何使用此设计器的技术实现细节,包括核心概念、使用方法和可能遇到的问题,是理解源代码和实际应用的关键参考资料。 2. **index.html**...

    jQuery制作动态表单验证代码插件

    总结来说,利用jQuery制作动态表单验证代码插件涉及的主要知识点包括:jQuery选择器和事件处理、动态验证策略、错误信息的动态展示,以及JavaScript编程技巧。通过这个项目,你可以深入理解如何将这些概念应用到实际...

    jQuery复制移除表单元素代码.zip

    4. **事件绑定与解绑**:在处理表单元素时,可能需要动态地绑定或解绑事件。jQuery的`.on()`和`.off()`方法可以实现这一功能。例如,为所有类名为`addForm`的按钮绑定点击事件: ```javascript $('.addForm').on...

    jquery-form - jQuery表单生成插件

    总之,jQuery-form是一个功能强大且易于使用的插件,对于任何需要处理表单提交的前端开发人员来说,都是一个不可或缺的工具。它简化了Ajax表单提交的实现,同时也提供了丰富的定制选项,以适应不同项目的具体需求。...

    jQuery个人信息完善表单代码.zip

    在这个个人信息完善表单中,jQuery被用来处理表单验证、数据提交和用户交互。 ### 表单设计与交互 1. **响应式设计**:该表单代码采用了响应式布局,能自动适应不同尺寸的手机屏幕,确保在各种设备上都能良好显示...

    jquery操作表单案例

    四、jQuery处理单选按钮(radio) 在jQuery中,单选按钮的处理需要考虑到可能有多个同名的radio按钮。要检查某个按钮是否被选中,可以这样: ```javascript if ($('#exampleRadio:checked').length &gt; 0) { // 单选...

    jQuery表单动画切换效果.zip

    在本项目中,jQuery用于处理表单切换时的动画效果,使得表单之间的转换更加平滑,提升用户体验。 在HTML文件中,例如index.html,我们可以看到不同表单的结构,如登录、注册和找回密码。每个表单都有相应的ID或类名...

Global site tag (gtag.js) - Google Analytics