sencha touch Model validations 自定义验证 二选一输入验证、重复验证、时间验证、比较验证、条件验证(2015-1-14)
项目初始化时执行以下代码
//重写模型,方便进行自定义验证
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)的更多相关文章
- sencha touch Model validations(模型验证,自定义验证)
model Ext.define('app.model.Register', { extend: 'Ext.data.Model', requires: ['Ext.data.JsonP'], con ...
- 【翻译】在Ext JS和Sencha Touch中创建自定义布局
原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
- Sencha Touch 2.3 自定义主题皮肤,颜色
写博客园越来越懒了,只写重点部分,不明白的可以Q我. 1.当你通过Cmd生成项目之后,App\resources\sass就是我们的样式源文件 2.想自定义自己的样式分为两种方式 扩展:这个是基于st ...
- sencha touch 扩展篇之使用sass自定义主题样式 (上)使用官方的api修改主题样式
大家知道,sencha touch是通过我们写的js代码来动态渲染单页面生成一个个div+css的html页面来模拟app应用,那么既然是div+css结构的,我们就可以通过修改css样式来自定义我们 ...
- ASP.NET MVC Model验证(二)
ASP.NET MVC Model验证(二) 前言 上篇内容演示了一个简单的Model验证示例,然后在文中提及到Model验证在MVC框架中默认所处的位置在哪?本篇就是来解决这个问题的,并且会描述一下 ...
- 第一步 使用sencha touch cmd 4.0 创建项目、打包(加入全局变量、公用类、自定义扩展、资源文件)
参考资料: http://www.cnblogs.com/qqloving/archive/2013/04/25/3043606.html http://www.admin10000.com/docu ...
- sencha touch 入门系列 (二)sencha touch 开发准备
这是本人第一次写博客教程,没什么经验,文笔也不是很好,写这教程一方面为了巩固自己这段时间的学习成果,一方面帮助大家解决问题,欢迎大家多提建议,指出问题.接下来我们就开始我们的sencha touch开 ...
- Sencha Touch 2.2.1 Custom Icon 自定义图标
ST2.2版本竟然又改变了sass中自定义图标的添加方式,在2.2以前采用的是这种base64的方式,详见:http://www.cnblogs.com/qidian10/archive/2012/1 ...
- sencha touch 2.2.1 自定义彩色图标按钮(button+ico)
sencha touch 2.2.1 这个版本使用了新的按钮模式,不过他只提供了少部分的按钮样式.我们可以加一些自定义的ico样式 新加ico样式lower .x-button .x-button-i ...
随机推荐
- android: 实现强制下线功能
强制下线功能应该算是比较常见的了,很多的应用程序都具备这个功能,比如你的 QQ 号在别处登录了,就会将你强制挤下线.其实实现强制下线功能的思路也比较简单,只需要 在界面上弹出一个对话框,让用户无法进行 ...
- Scala:Object-Oriented Meets Functional
Have the best of both worlds. Construct elegant class hierarchies for maximum code reuse and extensi ...
- 独热编码和dummy编码的作用
参考这篇文章: https://www.cnblogs.com/lianyingteng/p/7792693.html 总结:我们使用one-hot编码时,通常我们的模型不加bias项 或者 加上bi ...
- C#中流的读写器BinaryReader、BinaryWriter,StreamReader、StreamWriter详解【转】
https://blog.csdn.net/ymnl_gsh/article/details/80723050 C#的FileStream类提供了最原始的字节级上的文件读写功能,但我们习惯于对字符串操 ...
- C#中Split用法【转】
https://www.cnblogs.com/webenh/p/6570801.html 1.用字符串分隔: using System.Text.RegularExpressions;string ...
- logback身份证脱敏
logback身份证脱敏 学习了:https://shift-alt-ctrl.iteye.com/blog/2425469 https://blog.csdn.net/fywfengyanwei/a ...
- 本地项目文件夹同步到GitLab的操作步骤
一.需求 本地有一个微信小程序的项目源码,只是文件夹的形式,包括一些js和一些页面,想把这个文件夹用GitLab管理,于是就需要把本地文件夹push到服务器的GitLab上面 二.操作 2.1:本地文 ...
- Kindel资源去哪里找
.kindle这么多资源,我到底去哪里找呢?哎哟,看看这个吧:(1).子午书简:http://book.zi5.me/,好像最近挂了,所以去作者介绍的那个地方下载吧(2).mlook:mLook ...
- Spring Boot 2.0 整合Thymeleaf 模板引擎
本节将和大家一起实战Spring Boot 2.0 和thymeleaf 模板引擎 1. 创建项目 2. 使用Spring Initlizr 快速创建Spring Boot 应用程序 3. 填写项目配 ...
- 译:3.RabbitMQ Java Client 之 Publish/Subscribe(发布和订阅)
在上篇 RabbitMQ 之Work Queues (工作队列)教程中,我们创建了一个工作队列,工作队列背后的假设是每个任务都交付给一个工作者. 在这一部分,我们将做一些完全不同的事情 - 我们将向多 ...