欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

easyui--form学习:提交方式

程序员文章站 2022-05-19 08:51:52
...

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

...

</form>

//手动提交form
$('#ff').form({

url:...,
onSubmit: function(){
// 做某些检查
// 返回 false 来阻止提交
if(!$('#myform').form('validate')){
$.messager.show({
title:'提示信息' ,
msg:'验证没有通过,不能提交表单!'
});
return false ;//当表单验证不通过的时候 必须要return false

}

},
success:function(data){

alert(data)
}

});

// 提交 form

$('#ff').submit();


//自动提交form
$('#ff').form('submit', {
url:...,
onSubmit: function(){

// 做某些检查
// 返回 false 来阻止提交
},

success:function(data){
alert(data)
}
});


//form表单提交官方实例

//jq的ajax方式提交
$('#ff').click(function(){
$.ajax({
url:....,
type:'post',
cache:false,//去除缓存
data:$('#ff').serialize(),//序列化表单
dataType:'text'//请求后台返回的数据格式
success:function(data){
//操作成功后返回的数据Data;以及需要执行的动作:比如提示操作成功
},
error:function(data){
//操作失败后返回的数据Data;以及需要执行的动作:比如提示操作失败
}
});
});
//扩展:按回车键提交表单!
$('#myform').find('input').on('keyup',function(event){
if(event.keyCode == 13){
$('#myform').submit();
}
});


相关标签: easyui