首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

停止extjs TextField接受空格和空格

的方法是通过设置TextField的校验规则和错误提示信息来实现。具体步骤如下:

  1. 设置校验规则:使用TextField的validator属性来定义校验规则,可以使用正则表达式来限制输入内容。对于禁止输入空格和空字符串的情况,可以使用正则表达式/^\S+$/,表示输入内容不能包含空格和空字符串。
  2. 设置错误提示信息:使用TextField的emptyText属性来定义错误提示信息,当输入内容不符合校验规则时,会显示该错误提示信息。

下面是一个示例代码:

代码语言:javascript
复制
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。

  • 腾讯云云服务器(CVM):提供弹性计算能力,可根据业务需求弹性调整配置,支持多种操作系统和应用场景。产品介绍链接:腾讯云云服务器
  • 腾讯云云数据库MySQL:提供高性能、可扩展的关系型数据库服务,支持自动备份、容灾等功能。产品介绍链接:腾讯云云数据库MySQL
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券