停止extjs TextField接受空格和空格

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

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

下面是一个示例代码：

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

相关·内容

经典面试题-ext的常用panel

ExtJs二(实现登录)

在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。

ExtJs二(实现登录)

在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境，本次课程主要是通过Ext组件来实现登录。

solr中使用IKAnalyzer配置同义词，停止词，扩展词

第一步将IKAnalyzer2012FF_u1放到solr-4.7.2/example/solr-webapp/webapp/WEB-INF/lib 目录下第二步修改schema.xlm文件如下：

Extjs 项目中常用的小技巧，也许你用得着(3)

几天没写了,接着继续, 1.怎么获取表单是否验证通过: form.isValid()//通过验证为true 2.怎样隐藏列,并可勾选: hidden: true, 如果是动态隐藏的话： grid.g

iOS 文本输入控制（献上框架）

我们在业务开发中，往往会遇到需要限制文本输入的需求，比如只能输入数字、不能输入空格，稍微复杂一点的比如小数点后最多两位的价格输入。当然，若你的正则表达式玩儿得很溜，这些并不是难题。但是我们仍然需要设置代理、实现代理，然后写上一堆的判断逻辑，总是有一些奇奇怪怪的问题导致最终结果不能很快完美呈现。

012

Extjs-lesson4

Ext.js 系列课程笔记「表单子项」更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』

iOS开发技巧：实现电话号码文本框

实现一个实现电话号码格式的文本框功能当在TextField输入数字时，会自动分隔为：137 9922 2299 或 137-9922-2299 限制文本输入个数限制只能输入数字效果：实现方法

BYPhoneNumTF

当在TextField输入数字时，会自动分隔为：137 9922 2299 或 137-9922-2299

Extjs-lesson3

UITextField 常用方法实例

1. 自动添加其他字符串(空格)显示自动显示空格 -(BOOL)textField:(UITextField*)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string { NSString *text = [textField text]; NSCharacterSet *characterSet = [NSCharacterSet charact

ExtJs的api文档该怎么看

之前有在ExtJS初体验中说了ExtJs给我们项目开发带来了很多便利，有童鞋在下面留言问extjs的API该怎么看？很多刚入门的童鞋被ExtJs里各种庞大的控件弄晕了，不知道怎么看api。那么这篇我就简单地说下extjs的api该怎么看。

iOS小技能：提取数字(文本框对粘贴内容进行手机号码提取）

前言使用手机进行登录注册的时候，需要对粘贴的内容进行手机号码提取。应用场景：登陆界面、注册界面文本输入框对手机号码的处理逻辑： 1、推荐对粘贴内容进行提取设置 2、键盘为UIKeyboardTypeNumberPad即可 3、提交数据之前才进行正则的校验（或者只判断是否长度为11） I、实现细节 1.1. 提取手机号码 +(NSString*)getPhoneNoWithLength:(NSInteger)length WithStr:(NSString*)truePhone{

iOS9系统下使用UITextField的一个坑——内容从不可见到可见会多出一个空格

iOS UITextField 显示银行卡格式

输入框显示银行卡格式，即为每隔4位出现一个空格，下面使用UITextFieldDelegate，编码实现：首先引用使用代理

[翻译]Ext JS 教程-开始使用 ExtJS 4

入门

1. 需求

1.1 网页浏览器

ExtJS 4 支持所有主流的浏览器，从IE 6 到最新的谷歌Chrome。在开发期间，我们建议你使用下面这些浏览器，以获得更好的调试体验。

Ø Google Chrome 10+

Ø Apple Safari 5+

Ø Mozilla Firefox 4+ 带Firebug Web 开发插件

本教程假设你正在使用最新的谷歌 Chrome 浏览器。如果你还没有 Chrome，花点时间去下载它吧，然后去熟悉熟悉 Chrome 的开发者工具。

1.2 Web 服务器

尽管使用 ExtJS 4 并不一定需要一个本地的web 服务器，仍然强烈建议你在开发的时候能有一个，因为 XHR 在大多数浏览器上有针对本地 file:// 的cross origin 限制。如果你还没有本地的web 服务器，建议你下载并安装 Apache HTTP Server。

Ø 了解在 Windows 上面安装 Apache

Ø 了解在 Linux 上面安装 Apache

Ø Mac OS X 已经内置了apache，你可以在 System Preference > Sharing 下面的 Web Sharing 旁找到

一旦你安装好了 Apache ，你可以通过在浏览器地址栏输入 localhost 验证它是否在运行。你会看到一个表示 Apache HTTP 服务器已经成功安装并且正常运行的开始页面。

1.3 Ext JS 4 SDK

下载 Ext JS 4 SDK，把压缩包解压到一个在你的web 根路径下新建的extjs文件夹。如果你不知道web根目录在哪儿，查阅你web服务器的相关文档。Web 根路径的位置根据你操作系统的不同而有所不同，但是如果你使用的是 Apache，你一般会在：

Ø Windows - "C:\Program Files\Apache Software Foundation\Apache2.2\htdocs"

Ø Linux - "/var/www/"

Ø Mac OS X - "/Library/WebServer/Documents/"

一旦你已经完成安装，将浏览器导航至 http://localhost/extjs/index.html 。如果一个 ExtJS 4 的欢迎页面出现了，代表你已经一切就绪了。

2. 应用程序结构

2.1 基本结构

如下所列的建议尽管不是强制的，但是可以作为最佳实践指南考虑，以保持你的应用的结构条理性、可扩展性和可维护性。下面是推荐的Ext JS 应用程序结构：

- appname

- app

- namespace

- Class1.js

- Class2.js

- ...

- extjs

- resources

- css

- images

- ...

- app.js
04

Ext整体印象

其实国内不乏有自己开发自己框架的公司，比如上海的道锐（不如Ext全面，更侧重于其业务经验）等，一直以来我们关心的重点都在服务器端（如程序结构、设计模式、数据库设计、运行平台、数据访问组件等），在当前Web盛行时期，而且发展的如日中天，我强烈的感觉到我们有必要将客户端的设计和实现水平提高，才能匹配服务器端做的努力，这就是木桶原理的一个应用吧。全球很多企业在用Ext，其中包括IBM HP Adobe等多达74知名公司。我想在这样的应用广度下Ext应该是一个值得信赖的，不会有 ExtJS是一个你可以信赖的用

Extjs form 组件

1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载的功能 2.表单的容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 的实例对象更方便的进行字段的配置重要属性 defaultType:"" 设置默认子项的xtype 3.数据交互和加载 Ext.form.action.Action Ext.form.action.Submit ajax方式提交 Ext.form.action.StandardSubmit 原始表单提交方法 Ext

编码篇-iOS开发中的奇巧小伎

最近搜集了自己以前的笔记中的一些小知识点，归为这篇文章，都是亲测有效的奇巧小伎，当你使用到时，你会大呼过瘾的。

flutter之文本输入

Flutter 提供了两个开箱即用的文本框组件：TextField 和 TextFormField。

[翻译]Ext JS 教程-类系统原

类系统

ExtJS 史上第一次进行了重整新的类系统的大重构。新的架构以ExtJS 4.X所编写的每一个类作为后盾，因此在你编写代码以前理解它是非常重要的。

这个手册主要面向任何想在ExtJS 4.x中新建或者扩展类的开发人员。它分成四个部分：

Ø 部分一：“综观”解释了稳定的类系统的需求

Ø 部分二：“命名规则”讨论给类、方法、属性、变量和文件命名的最佳实践

Ø 部分三：“动手实践”提供详细的一步步编码的例子

Ø 部分四：“错误处理&调试”提供如何处理一场的小建议和小计谋

一综观

ExtJS 4 靠超过300 多个类驱动。我们拥有一个超过20万来自世界各地，具备各种编程背景的开发人员组成的巨大社区。在一个框架的范围内，我们面对提供一个通用的编码结构的那些大挑战：

Ø 简单易上手

Ø 开发快速、调试简单、部署无忧

Ø 结构良好，可扩展可维护

JavaScript 是 classless 的面向原型的语言。天性使然，灵活是这个语言最强大的特性。使用不同的方式，不同的编码形式和技术，都可以让工作有效。然而就是那个特性，带来了不可预知的代价。没有一个统一的形式，JavaScript代码可能很难去理解、维护和重用。

从另一方面来看，基于类的编程仍然是面向对象编程领域最受欢迎的模式。基于类的语言常常需要强类型，提供封装和标准的编码规范。一般而言要让开发人员遵守一大堆规则，而编码就会变得一直可预知、可扩展和规规矩矩。然而，他们不会有在JavaScript这样的语言中发现的同样的动态能力。

每种方法都有其利弊，但是我们是否可以利用两者好处的同时避免他们的坏处呢？答案是肯定的，我们在ExtJS 4中实现了这个解决方案。

二命名规范

至始至终为你编码的类、命名空间和文件名使用一致的命名规则有助于保持你代码的组织性、结构性和可读性。

1）类

类名应该只包含字母和数字字符。数字在大多数情况下是不鼓励使用的，除非他们属于一种技术手段。不要使用下划线，连字符或者其它任何非字母非数字的字符。举个例子：

Ø MyCompany.useful_util.Debug_Toolbar 不鼓励这样命名

Ø MyCompany.util.Base64 是可以被接受的

类名应该被组成成为包，在包中合适恰当的使用对象属性点记号（.）分出命名空间。至少，应该只有唯一的顶层命名空间后面跟类名。举个例子：

MyCompany.data.CoolProxy

MyCompany.Application

顶层命名空间和真实类的命名应该采用Camel形式（单词的首字母都大写），其它所有事物都应该是小写的。举个例子：

MyCompany.form.action.AutoLoad

不是Sencha发行的类永远不应该使用Ext作为顶层命名空间的名字。

首字母缩略词也应该遵守上面列出的Camel形似命名规则。示例如下：

Ext.data.JsonProxy 而不是Ext.data.JSONProxy

MyCompany.util.HtmlParser 而不是 MyCompary.parser.HTMLParser

MyCompany.server.Http 而不是MyCompany.server.HTTP

2）源代码

类地址的名字应该直接指向文件被存储的路径。基于此，每个文件中只能有一个类，示例如下：

Ext.util.Observable 被存储在路径 /to/src/Ext/util/Observable.js 中

Ext.form.action.Submit 被存储在路径 /to/src/Ext/form/action/Submit.js中

MyCompany.chart.axis.Numeric 被存储在路径 /to/src/MyCompany/chart/axis/Numeric.js中

Path/to/src 是你的应用程序类所在的路径。所有的类都应该在这个公共的根下面，并且为了获得最好的开发、维护和部署体验，适当的赋予命名空间。

2）方法和变量

跟类名类似，方法和变量的名字应该只包含数字和字母字符。数字被允许的，但在大多数情况下是不被鼓励的

iOS中UITextField 使用全面解析建议收藏，用到的时候来这里一查就都明白了 //初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)]; //设置边框样式，只有设置了才会显示边框样式 text.borderStyle = UITextBorderStyleRoundedRect; typedef NS_ENUM(NSInteger, UI

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

停止extjs TextField接受空格和空格

1. 需求

1.1 网页浏览器

1.2 Web 服务器

1.3 Ext JS 4 SDK

2. 应用程序结构

2.1 基本结构

一 综观

二 命名规范

1）类

2）源代码

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

一综观

二命名规范