首页
学习
活动
专区
工具
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
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • C语言 | 统计字符中英文 空格 数字其他

    例52:输入一行字符,C语言编程分别统计出其中英文字母、空格、数字其他字符的个数。 解析:首先要手动录入信息,但是scanf函数不记录空格,所以首先键盘录入要用getchar函数。...='\n') //getchar函数录入,可以把空格也算做字符    {     if(input_Character>'a'&&input_Character<'z'||input_Character...    else     {       other++;//other加1      }   }   printf("字母:%d个\n",letters);//输出字母个数    printf("空格...:%d个\n",space);//输出空格个数    printf("数字:%d个\n",digit);//输出数字个数    printf("其他字符:%d个\n",other);//输出其他字符个数...C语言 | 统计字符中英文 空格 数字其他 更多案例可以go公众号:C语言入门到精通

    3.5K88

    linux中操作带有空格特殊字符的文件名

    此类文件的创建、编辑、重命名删除非常简单。 >touch .12.txt 注意:在 Linux 中,您可以(.)在文件名中包含任意数量的点。...与文件名中的其他系统点不同,并不意味着将名称扩展名分开。...>touch :12.txt or >touch :12:.txt 文件名中包含引号(单引号双引号)要在文件名中包含引号,我们必须使用交换规则。...您可以在任何位置拥有一个名称包含波浪号的文件,如下所示: >touch ~1a.txt or $touch 2b~.txt 文件名中的空格 创建一个名称在字符 / 单词之间有空格的文件,说 “嗨,我的名字是...文件名带空格不是一个好主意,如果您必须区分可读的名称,则应使用下划线或破折号。但是,如果您必须创建这样的文件,则必须使用反斜杠来忽略它的下一个字符。要创建上述文件,我们必须这样做..

    7.4K20

    Python中字符串String去除出换行符(n,r)空格的问题

    Python中字符串String去除出换行符空格的问题(\n,\r) 在Python的编写过程中,获取到的字符串进场存在不明原因的换行空格,如何整合成一个单句,成为问题。...方法: 一、去除空格 “ · ”代表的为空格 strip() "···xyz···".strip() # returns "xyz" "···xyz···".lstrip()...实际问题: 如图: string中内容 其中,“ · ”代表的为空格,一段话被换行成了几段。 1.使用 .strip() 只能够去除字符串首尾的空格,不能够去除中间的空格。...如图: 所以需要使用 .replace(' ', '') 来替换空格项。string.replace(' ', '')。如图: 2.使用 .replace('\n', '') 去除换行。...原因在于:在python中存在继承了 回车符\r 换行符\n 两种标记。 \r\n 都是以前的那种打字机传承来的。 \r 代表回车,也就是打印头归位,回到某一行的开头。

    4K20

    如何批量添加中文英文数字之间的空格?用正则表达式吧

    时耗方面,基础功仅需50多小时,加上很多实战,包括初步运用pandas爬虫处理业务需求,加在一起也才200多小时而已。 其实,中文和数字、英文之间有一个空格会更美观。...时耗方面,基础功仅需 50 多小时,加上很多实战,包括初步运用 pandas 爬虫处理业务需求,加在一起也才 200 多小时而已。...但我们可能尚未养成这样的输入习惯,以至于要么全部没有空格,要么部分加了空格,部分没有。当然您可以不在乎这个文本规范。...你无须懂编程,也可使用特定工具快速完成批量添加中文英文数字之间的空格。 我掌握这个技能,最初并非源于我个人写作排版,而是近日处理很多文字内容编辑时的一个刚需。...2、正则表达式省掉千次万次机械操作 我的电脑中可以没有微软或金山的任何办公软件,但不可以没有 vscode jupyter lab。vscode 不仅可以用于写代码,还可用于写文章。

    2.4K20

    使用 white-space 来实现保留文本域 textarea的换行格式 空格格式

    背景 昨天产品需求评审,产品经理收到用户的反馈,在系统中有一些文本域,用户希望在在文本中填写的文本内容格式都能够被保留下来,目前只能保存文本内容,对于文本域的换行空格,在显示的时候都没有正确显示。...最终我发现设置元素样式的white-space可以将文本域的换行空格正确显示出来。...white-space 属性解释 下面是white-space的几个值其及其解释 属性 换行符 空格制表符 文字换行 行尾空格 normal 合并 合并 换行 删除 nowrap 合并 合并 不换行...nowrap normal 一样,连续的空白符会被合并。但文本内的换行无效。 pre 连续的空白符会被保留。在遇到换行符或者 元素时才会换行。 pre-wrap 连续的空白符会被保留。...每个保留的空格字符后都存在换行机会,包括空格字符之间。 这样保留的空间占用空间而不会挂起,从而影响盒子的固有尺寸(最小内容大小最大内容大小)。

    2.4K30
    领券