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中的表单验证机制,包括错误信息提示方式、内置验证属性、Vtype验证以及自定义验证方法。 #### 二、Extjs 错误信息提示方式 在进行任何形式的验证之前,首先需要配置错误信息的提示方式。Extjs...
ExtJS的表单组件包括文本框、密码框、下拉列表、复选框、单选按钮等,支持复杂的表单验证,可以轻松实现前端的数据验证。 **Servlet简介** Servlet是Java中用于处理HTTP请求的服务端组件,常用于Web应用开发。它...
在EXTJS中,表单验证是确保用户输入数据符合预设规则的重要环节。EXTJS提供了一种强大的方式来实现客户端验证,这可以帮助开发者在用户提交数据前检查输入的有效性,从而减少服务器端的压力并提高用户体验。本文将...
ExtJS为表单验证提供了强大支持。表单面板组件可以定义默认验证规则,也可以对单个字段单独设置验证。验证规则通常通过验证器(validator)来实现,可以是自定义的验证函数,也可以是预定义的验证规则。数据绑定则是...
总结来说,ExtJS表单验证提供了丰富的选项,从基础的空验证和简单的vtype验证,到自定义函数验证和正则表达式验证,几乎可以覆盖所有常见的验证需求。通过这些验证方式,开发者可以确保用户输入的数据既安全又符合...
7. **插件和工具(Plugins and Tools)**:ExtJS有许多内置的插件和工具,如校验插件、自定义表单行为等,这些都可以用于增强动态表单的功能和用户体验。 在实际应用中,创建动态表单通常涉及以下步骤: 1. **定义...
在这个有关ExtJS的例子中,我们主要关注的是表单(Forms)的定义和Grid的实现。 表单在任何应用程序中都扮演着至关重要的角色,它们用于收集用户输入并将其发送到服务器进行处理。在ExtJS中,表单通常由各种字段...
在提供的"demo"压缩包中,你可能会找到三个不同的文件夹,分别对应Jquery、YUI和ExtJs的表单验证示例。这些示例通常会包含HTML文件展示表单结构,CSS文件用于样式控制,以及JavaScript文件实现验证逻辑。你可以通过...
6. **表单处理**:强大的表单组件和表单处理能力,支持各种输入类型,以及验证和提交功能。 7. **拖放功能**:内置的拖放API允许用户轻松创建可拖放的元素,增强了用户体验。 8. **国际化**:支持多语言,包括中文...
这可以通过`formPanel.getForm().add()`方法实现,它会自动将字段加入到表单的验证链中。 3. **更新验证状态**:如果在表单已经初始化并显示的情况下添加字段,可能需要手动触发FormPanel的验证,可以使用`...
通过阅读如"EXT 表单验证_journeylin_新浪博客.html"、"ExtJS中表单验证使用自定义vtype示例 - 芒果奶茶的日志 - 网易博客.mht"和"Ext表单验证 - 天行健的日志 - 网易博客.mht"这样的资源,你可以深入理解EXT表单...
在"Extjs页面验证(修订版)"这个项目中,我们将探讨ExtJS如何实现表单验证以及与服务器端的数据交互。 1. **ExtJS表单验证**: - 表单是任何应用程序中的关键组成部分,尤其是涉及到用户输入数据时。ExtJS提供了...
"表单验证+对话框+日期格式化+日期选择框+select美化js框架"这个主题涵盖了一些核心的技术点,它们都是构建高效、友好且功能丰富的前端应用不可或缺的部分。接下来,我们将深入探讨这些知识点。 1. 表单验证: ...
EXTJS表单支持多种事件,如`beforesubmit`、`submit`、`success`和`failure`,这些事件允许开发者在表单提交前后执行自定义操作。例如,`beforesubmit`事件可以在表单提交前进行数据验证或修改,而`success`和`...
Extjs对分页、表单验证、表单组件的布局与初始化都提供了详细的指导,使得表单元素的开发更加高效。 表格组件GridPanel是Extjs中的亮点之一,它不仅可以展示大量数据,还支持复杂的列模型和行操作。此外,GridPanel...
在中文帮助文档中,你可以找到关于布局管理、表单元素、数据绑定、图表组件、菜单、工具栏、面板、窗口等核心功能的详细说明。 ExtJS的英文API(ExtJS.chm)则为英文环境下的开发者提供了原汁原味的技术文档。API...
5. **表单(Form)**:表单组件提供了丰富的输入控件,如文本框、下拉框、日期选择器等,并且支持数据验证和自动提交。 6. **树形视图(Tree)**:TreePanel组件可以用来展示层次结构的数据,支持拖放操作和动态...
"JS表单验证数字字母汉字邮箱.pdf" 文件中的内容展示了如何利用JavaScript(JS)和ExtJS框架进行表单验证,主要涉及到数字、字母、汉字以及邮箱格式的验证。下面将详细解释这些验证方法。 首先,表单验证通常通过...
在ExtJS中,我们可以通过监听`validitychange`事件来实现实时验证,并使用`form.isValid()`方法来检查表单整体是否有效。如果表单中的某个字段无效,该字段的`invalid`样式会自动应用,显示错误提示。 此外,`Ext....