Cordova 验证文本字段

根据以下代码，名称textfield不能为空。当用户单击文本字段并决定将其留空时，将弹出一个错误

但是，如果用户直接单击按钮而不单击文本字段，则会将其提交，并且不会显示错误消息。因此，我想做的是，当用户单击submit按钮时，如果他/她在

name

textfield上留空，则提醒用户

{   
  xtype:'textfield',
  name:'name',
  label:'name',
  required: true,
  listeners: {
      blur: function(thisTxt, eventObj) {
             var val= thisTxt.getValue();
             if ( val.length==0) {
                     // display alert
             } 
      }
  }
}]
},
{
  xtype:'button',
  id:'new-note-btn',
  text:'Send',
  ui:'confirm',
  padding:5
 }
}

---

为您的

textfield

提供一些

id

属性，并按以下代码操作

xtype:'textfield',
name:'name',
id: 'textId',
.....
......

及

注意：如果此

textfield

恰好位于

formpanel

中，则获取

formpanel

值，然后尝试使用

name

属性访问此

textfield

值，如下所示

// Assuming formpanel id = 'formPanelId' ...

listeners : {
    tap : function() {
         var values = Ext.getCmp('formPanelId').getValues();
         var nameValue = values.name;
         if(nameValue == "") {
               // display the alert ..
         }
    }
}

---

为您的

textfield

提供一些

id

属性，并按以下代码操作

xtype:'textfield',
name:'name',
id: 'textId',
.....
......

及

注意：如果此

textfield

恰好位于

formpanel

中，则获取

formpanel

值，然后尝试使用

name

属性访问此

textfield

值，如下所示

// Assuming formpanel id = 'formPanelId' ...

listeners : {
    tap : function() {
         var values = Ext.getCmp('formPanelId').getValues();
         var nameValue = values.name;
         if(nameValue == "") {
               // display the alert ..
         }
    }
}