`

EXTJS中自定义表单验证

阅读更多
 			
 			Ext.apply(Ext.form.VTypes, 
			{
				isIp:function(val, field) 
				{   
					//返回true,则验证通过,否则验证失败
         			var exp=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
					var reg = val.match(exp);
					if(reg==null)
					{
						return false;
					}
					else
					{
						return true;
					}
     			},
     			isIpText: '非法IP地址格式'
 			});
 			
 			Ext.apply(Ext.form.VTypes, 
			{
				isMac:function(val, field) 
				{   
					//返回true,则验证通过,否则验证失败
         			var re=/^([0-9a-fA-F]{2}-){5}([0-9a-fA-F]){2}$/;  
         			var reg = val.match(exp);
					if(reg==null)
					{
						return false;
					}
					else
					{
						return true;
					}
     			},
     			isMacText: '非法MAC地址格式'
 			});
 			
 			
 			Ext.apply(Ext.form.VTypes, 
			{
				isOxStr:function(val, field) 
				{   
					//返回true,则验证通过,否则验证失败
					if (field.lenRange)
					{
						var min = field.lenRange.min;
						var max = field.lenRange.max;
						if (val.length<min || val.length>max)
						{
							return false;
						}
					}
					
					for (i = 0; i < val.length; i++)
					{
						if(!((val.charCodeAt(i)>=48&&val.charCodeAt(i)<=57)||(val.charCodeAt(i)>=65&&val.charCodeAt(i)<=70) 
						   || (val.charCodeAt(i)>=97 && val.charCodeAt(i)<=102)))
						return false;
					}
					return true;
     			},
     			isOxStrText: '非法十六进制字符串格式'
 			});
分享到:
评论

相关推荐

    Extjs验证表单 Extjs验证表单

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

    ExtJS+Servlet表单验证和注册

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

    extjs表单验证特殊字符

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

    Extjs中常用表单介绍与应用

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

    Extjs表单常见验证小结

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

    extjs动态表单

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

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

    在这个有关ExtJS的例子中,我们主要关注的是表单(Forms)的定义和Grid的实现。 表单在任何应用程序中都扮演着至关重要的角色,它们用于收集用户输入并将其发送到服务器进行处理。在ExtJS中,表单通常由各种字段...

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

    在提供的"demo"压缩包中,你可能会找到三个不同的文件夹,分别对应Jquery、YUI和ExtJs的表单验证示例。这些示例通常会包含HTML文件展示表单结构,CSS文件用于样式控制,以及JavaScript文件实现验证逻辑。你可以通过...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    6. **表单处理**:强大的表单组件和表单处理能力,支持各种输入类型,以及验证和提交功能。 7. **拖放功能**:内置的拖放API允许用户轻松创建可拖放的元素,增强了用户体验。 8. **国际化**:支持多语言,包括中文...

    EXT 表单验证EXT 表单验证

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

    Extjs页面验证(修订版)

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

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

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

    learning extjs 中文版 表单提交

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

    轻松搞定Extjs 带目录

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

    extjs中文帮助文档和英文api

    在中文帮助文档中,你可以找到关于布局管理、表单元素、数据绑定、图表组件、菜单、工具栏、面板、窗口等核心功能的详细说明。 ExtJS的英文API(ExtJS.chm)则为英文环境下的开发者提供了原汁原味的技术文档。API...

    中文的Extjs的api手册

    5. **表单(Form)**:表单组件提供了丰富的输入控件,如文本框、下拉框、日期选择器等,并且支持数据验证和自动提交。 6. **树形视图(Tree)**:TreePanel组件可以用来展示层次结构的数据,支持拖放操作和动态...

    JS表单验证数字字母汉字邮箱.pdf

    "JS表单验证数字字母汉字邮箱.pdf" 文件中的内容展示了如何利用JavaScript(JS)和ExtJS框架进行表单验证,主要涉及到数字、字母、汉字以及邮箱格式的验证。下面将详细解释这些验证方法。 首先,表单验证通常通过...

    Extjs页面验证

    在ExtJS中,我们可以通过监听`validitychange`事件来实现实时验证,并使用`form.isValid()`方法来检查表单整体是否有效。如果表单中的某个字段无效,该字段的`invalid`样式会自动应用,显示错误提示。 此外,`Ext....

    ExtJs 的中文API文档版本3.3

    表单组件提供了丰富的输入控件,如文本框、下拉框、日期选择器等,以及表单验证功能。通过表单API,可以方便地进行数据提交和读取,实现前后端数据交互。 5. **数据绑定(Data Binding)**: ExtJs 3.3支持数据...

Global site tag (gtag.js) - Google Analytics