easyui form 方式提交数据

时间:2022-09-15 05:15:40

http://ldzyz007.iteye.com/blog/2067540

<form id="ff" method="post">  
    ...  
</form>

1.使用ajax方式提交表单

$('#ff').form({  
    url:...,  
    onSubmit: function(){  
        //进行表单验证  
        //如果返回false阻止提交  
    },  
    success:function(data){  
        alert(data)  
    }  
});  
//提交表单  
$('#ff').submit();

2.普通方式提交

//调用表单插件的'submit'方法提交  
$('#ff').form('submit', {  
    url:...,  
    onSubmit: function(){  
        //进行表单验证  
        //如果返回false阻止提交  
    },  
    success:function(data){  
        alert(data)  
    }  
});

3.属性

名称 类型 描述 默认值 
url(目标网址) string(字符串) 表单提交的目标网址 null 
事件

名称 参数 描述 
onSubmit none 在表单提交之前触发,返回false将阻止表单提交。 
success data 当表单成功提交时触发。 
onBeforeLoad param 在发送载入远程数据请求之前触发,返回false将取消请求。 
onLoadSuccess data 在表单数据被载入时触发。 
onLoadError none 在载入表单数据发生错误时触发。 
方法

名称 参数 描述 
submit options 执行表单提交,options参数是一个包含以下属性的对象: 
url:表单提交的目标网址 
onSubmit:在表单提交之前执行的回调函数 
success: 在表单成功提交后执行的回调函数 
load data 载入记录填充表单。 
data参数可以是字符串或者对象类型,当传入字符串时,data参数必须是一个远程url地址,否则用户必须自定义要载入的数据 
clear none 清除表单数据 
validate none 执行表单域验证,如果全部表单域有效返回true,该方法与表单验证插件一起使用。