jQuery的一些处理表单的方法

最新推荐文章于 2022-07-02 17:38:40 发布

最新推荐文章于 2022-07-02 17:38:40 发布 · 177 阅读

文章标签：

#jQuery #EXT #ViewUI

web前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何利用jQuery MultiFile插件实现文件上传时的类型校验，并通过jQuery.validate插件对表单进行有效性检查。重点展示了配置选项以优化用户体验。

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;
			}
	 });