easyui form 方式提交数据
  zw77MQd1kOsI 2023年11月02日 25 0
<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,该方法与表单验证插件一起使用。

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
zw77MQd1kOsI