form表单的提交方式总结

利用jquery的表单提交方式，可以有多种方式，方便简洁：

其中btn为提交按钮的ID

1.ajax的提交

$("#btn").click(function(){
$.ajax({
type:'post', //请求的方式，包括get和post
url:'...', //请求后台处理的路径
cache:false,
data:$("#form").serialize(),
dataType:'text',
success:function(result){
var result = $.parseJSON(result);
$.messager.show({
title:result.status,
msg:result.message
});
},
error:function(result){
//可自行添加
}

});
});

2.form自动提交

$("#btn").click(function(){
$("#form").form("submit", {
url:"",
onSubmit:function(){
if(!$("#form").form("validate")){
$.messager.show({
title:"提示信息",
msg:"验证不通过"
});
return false;
}
},
success:function(result){
var result = $.parseJSON(result);
$.messager.show({
title:result.status,
msg:result.message
});
}
});
});

3.form手动提交

$("#form").form({
url:"",
onSubmit:function(){
if(!$("#form").form("validate")){
$.messager.show({
title:"提示信息",
msg:"验证不通过"
});
return false;
}
},
success:function(result){
var result = $.parseJSON(result);
$.messager.show({
title:result.status,
msg:result.message
});
}
});

$("#btn").click(function(){
$("#form").submit();
});

4.回车换行提交

$("#form").form({
url:"",
onSubmit:function(){
if(!$("#form").form("validate")){
$.messager.show({
title:"提示信息",
msg:"验证不通过"
});
return false;
}
},
success:function(result){
var result = $.parseJSON(result);
$.messager.show({
title:result.status,
msg:result.message
});
}
});

//键盘回车提交表单
$("#form").find("input").on("keyup",function(event){
if(event.keyCode == 13) {
$("#form").submit();
}
});