的方法是通过设置TextField的校验规则和错误提示信息来实现。具体步骤如下:
/^\S+$/
,表示输入内容不能包含空格和空字符串。下面是一个示例代码:
Ext.create('Ext.form.Panel', {
title: 'TextField示例',
width: 400,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'textfield',
fieldLabel: '输入内容',
allowBlank: false, // 不允许为空
validator: function(value) {
if (/^\S+$/.test(value)) {
return true; // 校验通过
} else {
return '输入内容不能包含空格和空字符串'; // 校验不通过,返回错误提示信息
}
},
emptyText: '请输入内容'
}],
buttons: [{
text: '提交',
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
// 提交表单
form.submit();
}
}
}]
});
在上述示例中,我们创建了一个TextField,并设置了校验规则和错误提示信息。当用户输入内容包含空格或空字符串时,会显示错误提示信息,阻止表单的提交。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
领取专属 10元无门槛券
手把手带您无忧上云