利用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();
}
});