ExtJS 表单 submit时错误处理
这里不提success,提提Extjs 表单提交的failure方法。
在表单的提交中,当发生异常行为时通常分为三种情况
1. 无法连接到服务器
2. 表单验证错误
3. 业务逻辑错误
对应下面的代码
- failure = function(form, action){
- switch (action.failureType) {
- case Ext.form.Action.CLIENT_INVALID:
- Ext.ux.Toast.msg("错误", "提交的表单数据无效,请检查!");
- break;
- case Ext.form.Action.CONNECT_FAILURE:
- Ext.ux.Toast.msg('错误', '连接失败');
- break;
- case Ext.form.Action.SERVER_INVALID:
- Ext.ux.Toast.msg('业务逻辑错误', action.result.msg);
- }
- }
在业务逻辑错误中,服务器返回json可以这么写,success 当然得为false
其中errors 中对应的 id为表单控件的id,后面msg则是验证错误的显示消息咯
- {
- msg: '填写错误,注意检查',
- success: false,
- errors : [{id : 'name', msg: '姓名不能为空'},{id: 'sex', msg : '性别有错'}]
- }
分类:
前台ExtJs
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
2012-07-14 10款iOS高效开发必备的Objective-C类库
2012-07-14 ASIHTTPRequest使用指南---<<翻译稿>>---连载
2012-07-14 ASIHTTPRequest官方文档(一)
2012-07-14 ASIProgressDelegate:实现定制的上传进度显示
2012-07-14 ASIHttpRequest上传文件
2011-07-14 eclipse奇淫技巧 (转)
2011-07-14 android布局属性详解 (转)