`

ExtJs 3.2的客户端验证

阅读更多
      ExtJs提供了许多可在客户端验证的方法,如设置TextField的属性regex或vtype,如:
     
Ext.apply(Ext.form.VTypes,{
         phone:function(v){
     	       return /^(\d{3,4}-)?\d{7,8})$/.test(v);
        },
  	 phoneText:'电话格式不正确,正确格式如:020-xxxxxxxx',
  	 phoneMask:'/[\d]/i'
        });

      在某textfield组件中指定
     
{
  	       xtype:'textfield',
  	       fieldLabel:'公司电话号码',
  	       allowBlank: false,
  	       id:'tel',
  	       name:'tel',
  	       vtype:'phone'
  	      }

       使用regex的方法如下:
      
{
  	  	   xtype:'textfield',
  	  	   fieldLabel:'联系人手机',
  	  	   allowBlank: false,
  	  	   id:'linkmanPhone',
  	  	   name:'linkmanPhone',
  	  	   regex:new RegExp("\\d{11}"),//验证用的正则表达式
  	  	   regexText:'手机格式不正确,号码11位!'//客户端验证失败时提示信息
  	  	 }

       上面的正则表达式并不是完全正确,后面再完善。使用vtype更多用于密码的对比,比如注册时需要输入两次密码,使用vtype可以实现验证两次输入是否相同。
        有空,欢迎到红番薯逛逛
0
0
分享到:
评论

相关推荐

    extjs3.2资源压缩包

    ExtJS 3.2 是一个历史悠久的JavaScript框架,主要用于构建富客户端Web应用程序。这个资源压缩包包含了一系列用于创建交互式、动态用户界面的组件和工具。让我们深入了解一下ExtJS 3.2的主要特点和功能。 1. **组件...

    Extjs3.2中文帮助手册

    这个"Extjs3.2中文帮助手册"是开发人员在使用ExtJS 3.2时的重要参考资料,它包含了详细的API文档、示例代码和使用指南,使得开发者能够更方便地理解和应用这个框架。 手册中的知识点主要包括以下几个方面: 1. **...

    EXTJS3.2-3.3中文API和包

    EXTJS 是一个基于JavaScript的富客户端应用开发框架,主要用于构建具有丰富用户界面的Web应用程序。EXTJS 3.2-3.3版本是EXTJS框架的一个重要阶段,它提供了大量的组件、布局、数据绑定和事件处理机制,为开发者带来...

    struts2.1.8+Hibernate3.3+spring2.5.6+extjs3.2的jar包

    Struts2、Hibernate3、Spring2以及ExtJS3.2是经典的Java Web开发框架和技术组合,它们在2000年代末至2010年代初广泛被开发者使用。这个组合提供了模型-视图-控制器(MVC)架构、对象关系映射(ORM)、依赖注入(DI)...

    extjs3.2、3.3 时间控件 日期控件扩展

    总之,“extjs3.2、3.3 时间控件 日期控件扩展”是关于如何在ExtJS 3.x版本中使用和自定义日期及时间选择器的知识点,涵盖了基本使用、扩展开发、实际应用等多个方面。通过深入理解这些概念,开发者可以创建出更加...

    ExtJS 3.2 聊天室程序(类Q_Q群)

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用程序,尤其在创建数据驱动的Web界面方面表现出色。在3.2版本中,它提供了一系列组件和API,使得开发者能够构建功能丰富的、用户交互性强的Web应用,就像...

    struts2.1.8+Hibernate3.3+spring2.5.6+extjs3.2版图书管理系统(完整原创)

    **ExtJS3.2**: ExtJS是一个JavaScript UI框架,用于构建富客户端应用。在图书管理系统中,ExtJS提供了丰富的组件库,如表格、树形视图、窗口、表单等,用于创建交互性强、用户体验优秀的前端界面。通过Ajax技术,...

    ext 3.2源码

    EXT JS是一个流行的JavaScript库,专为构建富客户端Web应用程序而设计。EXT 3.2版本是EXT JS历史上的一个重要里程碑,它包含了许多功能改进和性能优化。深入理解EXT 3.2的源码对于开发者来说至关重要,这不仅能帮助...

    ext-3.2-beta_6256-157.zip

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。它的主要功能是提供一套完整的用户界面组件和工具,让开发者能够创建出交互性强、功能丰富的网页应用。标题中的"ext-3.2-beta_6256-157.zip...

    Extjs验证表单 Extjs验证表单

    Extjs作为一种强大的JavaScript框架,提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的表单验证机制,包括错误信息提示方式、内置验证属性、Vtype验证以及自定义验证方法。 #### 二、...

    基于ext的密码强度检测.

    在IT行业中,前端开发是构建用户界面的关键部分,而ExtJS是一个流行的JavaScript框架,用于创建富客户端应用程序。本文将深入探讨如何使用基于ExtJS的扩展组件(Ext.ux)实现密码强度检测,以及如何通过颜色变化(从...

    Extjs 项目Demo

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用程序,特别是企业级的Web应用。它提供了丰富的组件模型、数据绑定机制以及优雅的API,使得开发者能够创建功能丰富的、交互式的用户界面。在这个“Extjs ...

    extjs3.3 中文文档

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端的Web应用程序。版本3.3是该框架的一个重要迭代,提供了丰富的组件、布局管理、数据绑定和强大的API。中文文档的提供对于中文开发者来说是一大福音,它帮助...

    Extjs4.1+Spring3.2+hibernate4.1+MySql5网上商城完整项目

    这是一个基于Web技术构建的网上商城项目,采用的技术栈包括Extjs4.1、Spring3.2、Hibernate4.1和MySql5。这些组件共同构成了一个功能完善的电子商务平台,涉及前端用户界面、后端服务以及数据库管理等多个层面。 ...

    ExtJs + api + 笔记 + 完整包

    首先,API文档是ExtJs开发的基础,其中包括ExtJs3.2和3.1-3.3的中文版本。这些CHM文件提供了详细的类、方法和事件的参考,有助于开发者快速查找和理解API的功能。例如,你可以从中学习到如何创建和配置组件,如何...

    Extjs中文api

    ExtJS是一种广泛应用于Web开发的JavaScript库,专用于构建富客户端应用程序。它的全称为"Ext JavaScript Library",由Sencha公司开发。这个“Extjs中文api”是ExtJS的中文文档,对于中国开发者来说,是理解和掌握...

    ExtJs+Aspose.Cells+Asp.net导入Excel实例

    在本示例中,ExtJs 3.2被用作前端框架,用于展示和操作学生成绩单数据。你可以使用其GridPanel组件来展示数据,通过Ajax请求与后端Asp.net服务器进行交互,实现数据的导入和导出功能。 **Aspose.Cells** Aspose....

    extjs3.X 带复选框的树

    在本例中,我们关注的是"带复选框的树",这是一个在ExtJS 3.x版本中实现的功能,特别是在3.2、3.3和3.4版本中经过验证的特性。 "带复选框的树"是ExtJS中的TreePanel组件的一个扩展,允许用户通过复选框选择树结构中...

    extjsapi文档

    ExtJS API文档是针对Ext JS 3.2版本的一份详细技术资料,它包含了这个JavaScript框架的所有核心组件、类库和功能的详细说明。Ext JS是一个用于构建富客户端Web应用的开源JavaScript库,以其强大的组件模型和丰富的...

    EXTJS_.7z文件上传

    4. **Hibernate3_2登录页面**:Hibernate是Java ORM框架,虽然与文件上传直接关联不大,但描述中的文件可能包含了一个使用Hibernate3.2实现的登录页面示例,演示了如何在Web应用中进行用户身份验证。 5. **可编辑的...

Global site tag (gtag.js) - Google Analytics