Extjs 前端校验的一些方式总结

1）、文本框：

输入不能为空：设置配置项allowBlank：false;

输入最大长度:maxLength:Number ;

输入最小长度：minLength:Number ;

不能输入负数：allowNegative:false;

不能输入小数：allowDecimals:false;

规定输入数字范围：minValue和maxValue;

2）、借助vtype:

只能输入英文字母：vtype:’alpha’;

只能输入英文字母和数字：vtype:’alphanum’;

电子邮箱: vtype:’email’;

网址：vtype:’url’;

3）、生日验证：

Ext.apply(Ext.form.VTypes,{

birthdayCheck:function(val,field){

if(field.confirmTo){

varcheckBirthday = setForm.getForm().findField('identityNum').getValue();

var strBirthday= checkBirthday.substring(6,14);

var t =val.split('-');

var year =t[0];

var month =t[1];

var day = t[2];

var time = year+ month + day;

return(strBirthday == time);

}

return true;

}

});

{

Items:[{xtype:'textfield'

,id:'identityId'

,fieldLabel:'身份证号'

,name:'identityNum'

,anchor:'95%'

},{

xtype:'datefield'

,fieldLabel:'生日'

,id:'birthdayId'

,name:'birthday'

,vtype:'birthdayCheck'

,vtypeText:'生日填写错误'

,confirmTo:'identityId'

,format:'Y-m-d'

,anchor:'95%'

}]

4）、密码验证：

//添加自定义的password验证函数

Ext.apply(Ext.form.VTypes,{

password:function(val,field){//value指文本框的值，field指文本框组件

if(field.confirmTo){

varpwd=Ext.get(field.confirmTo);//confirmTo指自定义的配置参数，一般用来保存另外的组件的id值

return(val==pwd.getValue());

}

return true;

}

});

items:[{

id:"pass1",

fieldLabel:'密码',

inputType:'password'

},{fieldLabel:'确认密码',

id:"pass2",

inputType:'password',

vtype:'password',

vtypeText:'两次密码不一致',

confirmTo:"pass1"

}]

Extjs 前端校验的一些方式总结相关推荐

「跨域」利用node.js实践前端各种跨域方式（上）
前言常言道,"读万卷书,不如行万里路".技术的学习也是如此,唯有实践才能更清楚的明白原理和加深印象,因此本文会利用node.js对前端的各种跨域方式进行实践,强烈建议一步一步跟着 ...
vue 集成 sweetalert2 前端校验
文章目录 1. 集成 sweetalert2 2. 校验工具类抽象 3. 校验工具类 4. 使用 5. 效果图 6. 后端集成 1. 集成 sweetalert2 官网:https://sweetal ...
前端校验rules写法：
前端校验rules: <template> <div class="table">  < ...
前端校验还是后端校验
后端校验的唯一性验证,验证码,敏感词,出错概率高的要做异步校验. 后端校验可以防止接口被私自调用导致破坏数据库结构:避免有人模拟浏览器行为直接给服务器发请求. 前端校验的必填项.(邮箱.电话号.地 ...
前端常见提交数据方式对比
前言目前的前后端的界限越来越明显,当然,其实现通信的方式主要就是通过Http协议完成.但是在这个过程中,提交数据的格式有时候不同确实是让后端比较头疼的问题,那么,阿福就来总结下常用的提交数据的方式有 ...
如何实现邮箱发送验证以及前端校验
大家好,今天来写一如何实现前端检验,定时60s后重新发送邮箱实现邮箱发送功能需求分析: 1.当我们发送邮箱时,必须填入指定格式的邮箱地址,不然无法实现邮箱发送 2.当我们传入为null或者是&quo ...
使用注解来让后端获取前端参数的常用方式
如下是使用注解来让后端获取前端参数的常用方式: @RequestParam 前端发出的请求:path?id=1; 后端获取方式: @RequestMapper(value="path&quo ...
前端文件下载的打开方式
前端文件下载的打开方式 1.a标签 2.window.open 3.location.href 4.location.其他属性 5.XMLHttpRequest 1.a标签 <a href=&q ...
前端女娲补天前端（一）前端性能的优化方式
前端性能的优化方式前端页面性能对用户体验非常重要. 从小的讲,如果你花了好几个月辛辛苦苦做了一个精美的个人网站,满眼泡泡地等待用户去访问,结果别人用户家连的网是天翼3G,连打开网站都花了好几秒钟,等 ...

Extjs 前端校验的一些方式总结

Extjs 前端校验的一些方式总结相关推荐

最新文章

热门文章