sencha touch自定义表单验证
2014-04-15 14:07
204 查看
思路:可获取整个表单,再遍历表单得到每一个控件,通过设置控件的某个属性来判断该控件的验证需要
表单iteams:
items:[{
xtype: 'hiddenfield',
name : 'ids',
value: record.get('id'),
label: 'ids'
},{
label:'资产状态*',
name:'assetsState.id',
allowBlank:false,
valueField : 'id', //传送的值
displayField : 'state', //显示的文本
store: 'selectState'
},{
label:'存放地点',
name:'location.id',
valueField : 'id',
displayField : 'displayValue',
store: 'selectLocation'
}]
验证[写在beforesubmit( )里(方便多种方式提交表单,有时可能点击按钮,有时可能点击键盘上的GO)]
var form = Ext.getCmp('manageinfo');
var the_items = form.getFieldSet().items.items[0].items.items; //获得表单iteams,返回的是一个数组
//表单验证
if(the_items){
for(i=0;i<the_items.length;i++){
if(the_items[i].allowBlank == false){
if(the_items[i].value === ''|| typeof the_items[i].value === 'undefined'){
Ext.Msg.alert('提示','“ '+the_items[i].label+' ”'+' 不能为空');
return false;
//必须返回false,否则表单会自己再做一次提交操作,并且页面跳转
}
}
}
}
表单iteams:
items:[{
xtype: 'hiddenfield',
name : 'ids',
value: record.get('id'),
label: 'ids'
},{
label:'资产状态*',
name:'assetsState.id',
allowBlank:false,
valueField : 'id', //传送的值
displayField : 'state', //显示的文本
store: 'selectState'
},{
label:'存放地点',
name:'location.id',
valueField : 'id',
displayField : 'displayValue',
store: 'selectLocation'
}]
验证[写在beforesubmit( )里(方便多种方式提交表单,有时可能点击按钮,有时可能点击键盘上的GO)]
var form = Ext.getCmp('manageinfo');
var the_items = form.getFieldSet().items.items[0].items.items; //获得表单iteams,返回的是一个数组
//表单验证
if(the_items){
for(i=0;i<the_items.length;i++){
if(the_items[i].allowBlank == false){
if(the_items[i].value === ''|| typeof the_items[i].value === 'undefined'){
Ext.Msg.alert('提示','“ '+the_items[i].label+' ”'+' 不能为空');
return false;
//必须返回false,否则表单会自己再做一次提交操作,并且页面跳转
}
}
}
}
相关文章推荐
- sencha touch自定义表单验证
- sencha touch Model validations(模型验证,自定义验证)
- sencha touch Model validations 自定义验证 二选一输入验证、重复验证、时间验证、比较验证、条件验证(2015-1-14)
- JavaScript表单验证自定义内容
- jQuery Validate 表单验证插件----自定义一个验证方法
- H5表单验证不得为空,自定义提示语
- 在Sencha Touch 2中使用表单
- jsf的初步使用(包括jsf框架的引入、用户登录、自定义表单验证、valueChangeEvent值变更事件处理做的级联下拉框)
- 手机号验证,为jquery-validation添加自定义验证方式,以及Ajax提交form表单
- 如何自定义Struts2表单验证后的错误信息显示格式/样式
- sencha touch font-face(自定义ico的另一种实现)的优劣(来至于&sheng )
- EXTjs中自定义表单验证vtype
- Sencha Touch自定义NavigationView
- 自定义表单验证--jquery validator addMethod的使用
- 如何自定义Struts2表单验证后的错误信息显示格式/样式
- ExtJS中表单验证使用自定义vtype示例
- 使用注解和自定义验证实现Spring MVC表单验证(翻译)
- iview自定义表单验证
- SharePoint 2010 (MOSS)自定义表单验证
- angularjs自定义表单验证email