<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,该方法与表单验证插件一起使用。
...
</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,该方法与表单验证插件一起使用。
本文深入探讨了使用Ajax和jQuery提交表单的高级方法,包括使用表单插件、自定义事件处理和属性配置。通过实例演示了如何实现表单验证、提交和响应处理,为开发者提供了实用的前端交互设计策略。
7130

被折叠的 条评论
为什么被折叠?



