javascript-ExtJS-表单失败消息框

2019-11-05 21:36:52 阅读：213 来源： 互联网

我在ExtJS中构建应用程序,并且我有一个带有提交失败功能的表单,如下所示：

buttons:[{
 text: 'Bestil',
 id:'button_bestil',
 width:85,
 handler: function(){
  create.getForm().submit({
   success: function(f,a){
    //do stuff!
   },
   failure: function(f,a){
    Ext.Msg.alert('Fejl', 'Error');
   }
  });                     
 }
}]

现在我想要的是从未正确填写的字段中显示错误的原因.

F.x.我有以下文本字段：

vtypeText:'Please type in valid email',
vtype:'email'

我发现我可以使用a.resultType.它返回“客户端”.现在如何获得实际的错误消息.

希望这有意义

/六月

解决方法:

根据我的收集-您想向用户报告所有无效字段的列表以及每个字段的原因？

这可以通过以下代码完成：

YOUR_FORM.getForm().items.each(function( item ) {
   if(item.getActiveError()){
    alert('Field: '+item.name+ ' Error: ' + item.getActiveError());
   }
});

其中YOUR_FORM是封装表单的formpanel组件的名称.

这样做是循环遍历表单中的每个字段,如果有错误(无效),它将向用户报告.出于用户的理智,您可能希望将每个错误行添加到变量,然后在末尾生成一条消息,而不是分别报告每个消息.

即：

var ERROR_STRING;
YOUR_FORM.getForm().items.each(function( item ) {
    if(item.getActiveError()){
  ERROR_STRING=ERROR_STRING+"The field '"+item.name+ "' is invalid, reason: " + item.getActiveError() + "<br />"; 
    }
});
if(ERROR_STRING.length>0){
    Ext.MessageBox.alert('Error',ERROR_STRING);
}

标签：extjs,javascript
来源： https://codeday.me/bug/20191105/1997754.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-ExtJS-表单失败消息框