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();
}
});
上一篇: 在php框架下有什么好的调试方式解决方法
下一篇: php实现处理输入转义字符的代码_PHP