使用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方法进行提交 }) });
