`
chen2991101
  • 浏览: 38678 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

extjs4自定义表单验证

阅读更多

      extjs4自带的表单验证已经够强大了,但是有些特殊的要求还是无法满足,比如项目中的一个文本控件要求不能输入纯数字,这个需求普通的表单验证就不行了,好在extjs4提供了自定义vtype验证,通过正则表达式来判断,写法也非常的简单:

				Ext.apply(Ext.form.field.VTypes, {
							al : function(v) {
								return !(/^[0-9]*$/.test(v));
							},
							alText : '不能只输入数字'
						});

 然后在表单里面只需要简单的添加一个vtype的属性:

{
														      name : 'colName',
														id : 'addPropWin_colName',
														fieldLabel : '对应数据库列名',
														vtype : 'al'// 写上自定义的vtype就行了
													
}

 

0
0
分享到:
评论

相关推荐

    Extjs验证表单 Extjs验证表单

    本文将深入探讨Extjs中的表单验证机制,包括错误信息提示方式、内置验证属性、Vtype验证以及自定义验证方法。 #### 二、Extjs 错误信息提示方式 在进行任何形式的验证之前,首先需要配置错误信息的提示方式。Extjs...

    ExtJS+Servlet表单验证和注册

    ExtJS的表单组件包括文本框、密码框、下拉列表、复选框、单选按钮等,支持复杂的表单验证,可以轻松实现前端的数据验证。 **Servlet简介** Servlet是Java中用于处理HTTP请求的服务端组件,常用于Web应用开发。它...

    extjs表单验证特殊字符

    在EXTJS中,表单验证是确保用户输入数据符合预设规则的重要环节。EXTJS提供了一种强大的方式来实现客户端验证,这可以帮助开发者在用户提交数据前检查输入的有效性,从而减少服务器端的压力并提高用户体验。本文将...

    Extjs中常用表单介绍与应用

    ExtJS为表单验证提供了强大支持。表单面板组件可以定义默认验证规则,也可以对单个字段单独设置验证。验证规则通常通过验证器(validator)来实现,可以是自定义的验证函数,也可以是预定义的验证规则。数据绑定则是...

    ExtJs4.rar

    此外,表单验证也得到了加强,支持实时验证和更精细的错误提示。 在性能方面,ExtJS4进行了大量优化,包括对DOM操作的减少、组件复用策略的改进等,使得在处理大量数据和复杂界面时依然能保持流畅的用户体验。 ...

    Extjs表单常见验证小结

    总结来说,ExtJS表单验证提供了丰富的选项,从基础的空验证和简单的vtype验证,到自定义函数验证和正则表达式验证,几乎可以覆盖所有常见的验证需求。通过这些验证方式,开发者可以确保用户输入的数据既安全又符合...

    extjs动态表单

    7. **插件和工具(Plugins and Tools)**:ExtJS有许多内置的插件和工具,如校验插件、自定义表单行为等,这些都可以用于增强动态表单的功能和用户体验。 在实际应用中,创建动态表单通常涉及以下步骤: 1. **定义...

    Jquery、YUI、ExtJs 三大javascript框架表单验证带提示功能的demo

    本教程将深入探讨Jquery、YUI和ExtJs这三大JavaScript框架在表单验证和提示功能方面的应用。 **jQuery** jQuery是一款轻量级、高性能的JavaScript库,以其简洁的API和跨浏览器兼容性闻名。在表单验证方面,jQuery...

    Extjs4登录功能+验证码+struts2

    例如,使用注解`@Valid`进行表单验证,如果验证失败,Struts2会自动将错误信息返回到前端。 在实现过程中,我们需要在Struts2的配置文件(struts.xml)中定义对应的Action映射,确保表单提交请求能够正确地路由到...

    这是有关extjs的例子,里面有各种表单的定义,grid的实现

    此外,表单还有验证功能,可以对用户输入的数据进行实时检查,确保其符合预设的规则。 Grid组件是ExtJS中的另一个核心组件,它用于展示大量的结构化数据。Grid可以包含多个列,每列都有自定义的头部和数据渲染器。...

    Extjs4使用要点个人整理

    还会涉及表单验证、数据绑定和提交策略。 4. **树形控件(Tree)配置项与方法**:`Ext tree配置项与方法.docx`会讲解如何创建和操作树形结构。内容可能包括节点的添加、删除、展开/折叠,以及自定义节点图标和行为...

    Extjs页面验证(修订版)

    在"Extjs页面验证(修订版)"这个项目中,我们将探讨ExtJS如何实现表单验证以及与服务器端的数据交互。 1. **ExtJS表单验证**: - 表单是任何应用程序中的关键组成部分,尤其是涉及到用户输入数据时。ExtJS提供了...

    表单验证+对话框+日期格式化+日期选择框+select美化js框架

    "表单验证+对话框+日期格式化+日期选择框+select美化js框架"这个主题涵盖了一些核心的技术点,它们都是构建高效、友好且功能丰富的前端应用不可或缺的部分。接下来,我们将深入探讨这些知识点。 1. 表单验证: ...

    EXT 表单验证EXT 表单验证

    通过阅读如"EXT 表单验证_journeylin_新浪博客.html"、"ExtJS中表单验证使用自定义vtype示例 - 芒果奶茶的日志 - 网易博客.mht"和"Ext表单验证 - 天行健的日志 - 网易博客.mht"这样的资源,你可以深入理解EXT表单...

    learning extjs 中文版 表单提交

    EXTJS表单支持多种事件,如`beforesubmit`、`submit`、`success`和`failure`,这些事件允许开发者在表单提交前后执行自定义操作。例如,`beforesubmit`事件可以在表单提交前进行数据验证或修改,而`success`和`...

    extjs4 入门基础,form、grid、tree

    在ExtJS中,表单是数据输入和验证的重要部分。表单组件包括文本框、复选框、单选按钮、下拉列表等。你可以使用`Ext.form.Panel`创建一个基本的表单,通过`items`配置项添加表单字段。每个字段可以通过` xtype`属性...

    Extjs4 api

    ExtJS 4 API 是一套强大的JavaScript前端框架,用于构建富客户端Web应用。它提供了一整套组件、布局、数据绑定和事件处理机制,使得开发者能够创建功能丰富的、交互性强的用户界面。API文档是理解并有效利用ExtJS 4...

    ExtJs4+Web参考项目

    这个项目不仅提供了基础的示例,也可能包含了更复杂的功能如图表展示、表单验证、分页、排序和过滤等,是深入理解和应用EXTJS4框架的良好起点。通过深入研究并实践这些示例,开发者可以掌握EXTJS4的精髓,从而构建出...

    轻松搞定Extjs 带目录

    Extjs对分页、表单验证、表单组件的布局与初始化都提供了详细的指导,使得表单元素的开发更加高效。 表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel...

    ExtJs4登录示例

    `Ext.window.Window`是ExtJs4中的窗口组件,可以自定义大小、位置和样式。 2. **表单(Form)面板**:登录表单通常包含用户名和密码输入字段。`Ext.form.Panel`是用于创建表单的组件,它可以包含各种输入控件如文本...

Global site tag (gtag.js) - Google Analytics