sencha touch Model validations 自定义验证 二选一输入验证、重复验证、时间验证、比较验证、条件验证(2015-1-14)

时间:2023-02-21 20:30:41

项目初始化时执行以下代码

             //重写模型,方便进行自定义验证
Ext.define("Ext.zh.data.Model", {
override: "Ext.data.Model",
validate: function () {
var errors = Ext.create('Ext.data.Errors'),
validations = this.getValidations().items,
validators = Ext.data.Validations,
length,
validation,
field,
valid,
type,
i;
if (validations) {
length = validations.length;
for (i = 0; i < length; i++) {
validation = validations[i];
field = validation.field || validation.name;
type = validation.type;
//这里重写了代码,验证时将模型做参数加入
//方便进行验证
valid = validators[type](validation, this.get(field), this);
if (!valid) {
errors.add(Ext.create('Ext.data.Error', {
field: field,
message: validation.message || validators.getMessage(type)
}));
}
}
}
return errors;
}
});
//自定义验证,这里就多了个formData就可以获取到所有数据,能方便验证
Ext.apply(Ext.data.validations, {
chooseOneMessage: '验证字段与指定字段之中只能有一个字段有值',
//验证字段与指定字段之中只能有一个字段有值
//这个值可以验证非空或者通过正则表达式验证
//forComparison 指定字段
//matcher 正则表达式
chooseOne: function (config, value, formData) {
var name = config.forComparison,
otherValue = formData.data[name],
matcher;
if (value && otherValue) {
return false;
}
value = value || otherValue;
matcher = config.matcher;
if (matcher) {
return !!(matcher && matcher.test(value));
}
return true;
},
//验证字段与指定字段的值必须一致
//可用于修改密码时验证重复密码
//forComparison 指定字段
repeat: function (config, value, formData) {
var otherValue = formData.data[config.forComparison];
if (value != otherValue) {
return false;
}
return true;
},
repeatOneMessage: '两次输入不一致',
//时间验证,只能验证时间
//验证字段的值不能大于当前时间
//dateFormat 时间格式化格式,这样时间值就不必是标准格式
//dateFormat(例子)'Y-m-d H:i:s', 值为 2014-01-01 21:23:21就可以直接验证了
timeCheck: function (config, value) {
var dateFormat = config.dateFormat;
if (dateFormat) {
value = Ext.Date.parse(value, dateFormat, true);
}
if (value > new Date()) {
return false;
}
return true;
},
timeCheckMessage: '验证字段的时间不能大于当前时间',
//可以验证数字时间等支持比较的数据类型
//验证字段的值不能大于与指定字段的值
//dateFormat 时间格式化格式,这样时间值就不必是标准格式
//dateFormat (例子)'Y-m-d H:i:s', 值为 2014-01-01 21:23:21就可以直接验证时间了
compareTime: function (config, value, formData) {
var otherValue = formData.data[config.forComparison],
dateFormat = config.dateFormat;
if (dateFormat) {
value = Ext.Date.parse(value, dateFormat, true);
otherValue = Ext.Date.parse(otherValue, dateFormat, true);
}
if (value > otherValue) {
return false;
}
return true;
},
compareTimeMessage: '验证字段的值不能大于与指定字段的值',
//指定字段值为指定值时验证字段才进行验证,否则不验证
//这个值可以验证非空或者通过正则表达式验证
//forComparison 指定字段
//matcher 正则表达式
//factor 指定字段条件值
forOne: function (config, value, formData) {
var forValue = formData.data[config.forComparison],
factor = config.factor,
matcher;
if (factor != forValue) {
return true;
}
if (!value) {
return false;
}
matcher = config.matcher;
if (matcher) {
return !!(matcher && matcher.test(value));
}
return true;
},
forOneMessage: '某个其他字段值为指定值时才进行验证'
});

模型验证用法:

         field: 'name',
//二选一验证
type: 'chooseOne',
//其他字段
forComparison: 'name1',
//同时支持正则表达式
//重复验证用法类同
matcher: /(^[0-9]+(.[0-9]{2})?$)/,
message: '请输入name或name1!'

不知道模型验证怎么用的可以看看我以前的文章

http://www.cnblogs.com/mlzs/p/3341175.html

sencha touch Model validations 自定义验证 二选一输入验证、重复验证、时间验证、比较验证、条件验证(2015-1-14)的更多相关文章

  1. sencha touch Model validations(模型验证,自定义验证)

    model Ext.define('app.model.Register', { extend: 'Ext.data.Model', requires: ['Ext.data.JsonP'], con ...

  2. 【翻译】在Ext JS和Sencha Touch中创建自定义布局

    原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...

  3. Sencha Touch 2&period;3 自定义主题皮肤&comma;颜色

    写博客园越来越懒了,只写重点部分,不明白的可以Q我. 1.当你通过Cmd生成项目之后,App\resources\sass就是我们的样式源文件 2.想自定义自己的样式分为两种方式 扩展:这个是基于st ...

  4. sencha touch 扩展篇之使用sass自定义主题样式 (上)使用官方的api修改主题样式

    大家知道,sencha touch是通过我们写的js代码来动态渲染单页面生成一个个div+css的html页面来模拟app应用,那么既然是div+css结构的,我们就可以通过修改css样式来自定义我们 ...

  5. ASP&period;NET MVC Model验证&lpar;二&rpar;

    ASP.NET MVC Model验证(二) 前言 上篇内容演示了一个简单的Model验证示例,然后在文中提及到Model验证在MVC框架中默认所处的位置在哪?本篇就是来解决这个问题的,并且会描述一下 ...

  6. 第一步 使用sencha touch cmd 4&period;0 创建项目、打包(加入全局变量、公用类、自定义扩展、资源文件)

    参考资料: http://www.cnblogs.com/qqloving/archive/2013/04/25/3043606.html http://www.admin10000.com/docu ...

  7. sencha touch 入门系列 (二)sencha touch 开发准备

    这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开 ...

  8. Sencha Touch 2&period;2&period;1 Custom Icon 自定义图标

    ST2.2版本竟然又改变了sass中自定义图标的添加方式,在2.2以前采用的是这种base64的方式,详见:http://www.cnblogs.com/qidian10/archive/2012/1 ...

  9. sencha touch 2&period;2&period;1 自定义彩色图标按钮&lpar;button&plus;ico&rpar;

    sencha touch 2.2.1 这个版本使用了新的按钮模式,不过他只提供了少部分的按钮样式.我们可以加一些自定义的ico样式 新加ico样式lower .x-button .x-button-i ...

随机推荐

  1. 从零自学Hadoop&lpar;09&rpar;:使用Maven构建Hadoop工程

    阅读目录 序 Maven 安装 构建 示例下载 系列索引 本文版权归mephisto和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作. 文章是哥(mephisto)写的,Source ...

  2. JavaScript面向对象编程学习笔记

    1  Javascript 面向对象编程 所谓"构造函数",其实就是一个普通函数,但是内部使用了this变量.对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例 ...

  3. CSS入门级学习

    css入门学习1:认识CSS 1.1:css简介,css全称是层叠样式表,Cascading style sheets 1.2:css的作用,主要是用于定义html内容在浏览器内的显示样式,如文字大小 ...

  4. &lbrack;BZOJ1067&rsqb;&lbrack;SCOI2007&rsqb;降雨量

    [BZOJ1067][SCOI2007]降雨量 试题描述 我们常常会说这样的话:“X年是自Y年以来降雨量最多的”.它的含义是X年的降雨量不超过Y年,且对于任意 Y<Z<X,Z年的降雨量严格 ...

  5. python基础(5):深入理解 python 中的赋值、引用、拷贝、作用域

    http://my.oschina.net/leejun2005/blog/145911 http://www.cnblogs.com/lulipro/p/5060163.html http://ww ...

  6. PAT&lowbar;1008 数组元素循环右移问题

    题目描述: 一个数组A中存有N(N>0)个整数,在不允许使用另外数组的前提下,将每个整数循环向右移M(M>=0)个位置,即将A中的数据由(A0A1……AN-1)变换为(AN-M …… AN ...

  7. ElasticSearch 学习记录之如任何设计可扩容的索引结构

    扩容设计 扩容的单元 一个分片即一个 Lucene 索引 ,一个 Elasticsearch 索引即一系列分片的集合 一个分片即为 扩容的单元 . 一个最小的索引拥有一个分片. 一个只有一个分片的索引 ...

  8. 《JavaScript》高级程序设计第21章:Ajax和Comet,jsonp

    一.创建XMLHttpRequest对象 二.XHR的用法 五.跨域资源共享 六.其他跨域技术七.安全七.安全 1. 图像Ping 2. JSONP(JSON with padding,填充式JSON ...

  9. Spring Boot 集成 Swagger2 与配置 OAuth2&period;0 授权

    Spring Boot 集成 Swagger2 很简单,由于接口采用了OAuth2.0 & JWT 协议做了安全验证,使用过程中也遇到了很多小的问题,多次尝试下述配置可以正常使用. Maven ...

  10. pgAdmin4 ubuntu python 安装

    ubuntu安装pgAdmin4,通过python的pip 安装 pgAdmin4.(首更时间20161205) 新版本的pgAdmin4目前支持mac/window/linux/python,可是l ...