JqueryForm

使用JQueryForm之前需要引入一个js文件JQueryFormjs文件下载地址,

将js文件放到WebContent文件夹下,在页面引入此js文件即可使用,下面给出使用详解:

首先我们新建一个option对象,不用担心,大家会非常熟悉这个option对象:

var options={ 

url:url, //form提交数据的地址 

type:type, //form提交的方式(method:post/get) 

target:target, //服务器返回的响应数据显示在元素(Id)号确定 

beforeSubmit:function(), //提交前执行的回调函数 

success:function(), //提交成功后执行的回调函数 

dataType:null, //服务器返回数据类型 

clearForm:true, //提交成功后是否清空表单中的字段值 

restForm:true,//提交成功后是否重置表单中的字段值，即恢复到页面加载时的状态 

timeout:6000 //设置请求时间，超过该时间后，自动退出请求，单位(毫秒)。 

}

比如说我们需要提价一下表单

使用jqueryForm提交即可:

$(function(){ $(":submit").click(function(){var options = { target:$('#tipMsg'),beforeSubmit : function() {//处理以前需要做的功能 $("#tipMsg").text("数据正在保存，请稍候...");$(":submit").attr("disabled", true); },success : function(result) {//返回成功以后需要的回调函数= result=jquery.parseJSON(result); if ( result.success ) {$("#tipMsg").text("保存成功"); } else { $("#tipMsg").text("保存失败");} // 启用保存按钮 $(":submit").attr("disabled", false);},clearForm : true }; $('#orgForm').ajaxForm(options); //通过Jquery.Form中的ajaxForm方法进行提交 }) });