`

表格验证

    博客分类:
  • flex
阅读更多

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
 <![CDATA[
  import mx.collections.ArrayCollection;
  import mx.utils.StringUtil;
  import mx.controls.TextInput;
  import mx.events.DataGridEventReason;
  import mx.events.DataGridEvent;
  
  [Bindable]
  private var list:ArrayCollection = new ArrayCollection();
  //初始化方法
  private function init():void{
   for(var i:int = 0;i < 10;i++){
    var o:Object;
    if(i%2 ==0)
     o = {num:i,notNull:"非空的第"+i+"行内容",any:"任意的第"+i+"行内容"};
    else
     o = {num:i,notNull:"非空的第"+i+"行内容",any:i};
    list.addItem(o);
   }
  }
  //验证的操作方法
  private function validateItem(event:DataGridEvent):void{
   //如果没有更新数据则直接返回
   if (event.reason == DataGridEventReason.CANCELLED){
       return;
      } 
      var input:TextInput = TextInput(_Grid.itemEditorInstance);
      var newData:String= TextInput(event.currentTarget.itemEditorInstance).text;
      //如果商品查询的输入则验证非空
      if(event.dataField == "notNull" && StringUtil.trim(newData).length<=0){
       event.preventDefault();
          input.errorString="不能为空!";
      }
      //如果是数量则验证必须为数字
      if(event.dataField == "num" && isNaN(Number(StringUtil.trim(newData)))){
        event.preventDefault();
          input.errorString="数字必须为数字!";
          return;
      }
  }
 ]]>
</mx:Script>
 <mx:DataGrid id="_Grid" y="0" width="100%" x="0" height="100%" itemEditEnd="validateItem(event)" dataProvider="{list}" textAlign="center" editable="true" fontSize="12">
  <mx:columns>
   <mx:DataGridColumn headerText="数字" dataField="num"/>
   <mx:DataGridColumn headerText="非空" dataField="notNull"/>
   <mx:DataGridColumn headerText="任意" dataField="any"/>
  </mx:columns>
 </mx:DataGrid>
</mx:Application>

 

 

http://xiejiangbo.iteye.com/blog/528174

 

 

private function validateItem(event:DataGridEvent):void {
//如果没有更新数据则直接返回
if(event.reason == DataGridEventReason.CANCELLED)return;
var input:TextInput = TextInput(testDG.itemEditorInstance);
var newData:String= TextInput(event.currentTarget.itemEditorInstance).text;
switch(event.dataField){
case 'BH':
if(StringUtil.trim(newData).length <=0){
event.preventDefault();
input.errorString="不能为空!";
}
break;
        }
}


<mx:DataGrid id="testDG" dataProvider="{testData}" top="38" left="10" right="10" bottom="40" editable="true" alternatingItemColors="[#CCCCCC,#AAAAAA]" itemEditEnd="validateItem(event)">
  <mx:columns>
    <mx:DataGridColumn dataField="BH" headerText="编号" width="100"/>
    <mx:DataGridColumn dataField="MC" headerText="名称"/>
  </mx:columns>
</mx:DataGrid>

分享到:
评论

相关推荐

    一个易于使用的表格验证器为Kotlin和Android.zip

    【标题】"一个易于使用的表格验证器为Kotlin和Android" 在移动应用开发中,特别是在Android平台上,数据验证是必不可少的环节。用户输入的数据需要经过验证以确保其正确性、合法性和安全性。Kotlin,作为Google推荐...

    Volta在SemEval-2021任务9中使用TAPA和转移学习通过表格验证和证据发现_Volta at SemEval-20

    Volta在SemEval-2021任务9中使用TAPA和转移学习通过表格验证和证据发现_Volta at SemEval-2021 Task 9 Statement Verification and Evidence Finding with Tables using TAPAS and Transfer Learning.pdf

    simpleformvalidation:简单表格验证

    简单表格验证v0.9.3 简单表单验证-在不了解JavaScript的情况下将表单验证添加到您的Web表单 背景 我发现许多表单验证脚本可以做很多令人惊奇的事情,但是由于它的使用,它们也很复杂。 我想要一个脚本,该脚本具有...

    简答的按钮及表格 验证样式

    本文将详细讲解如何通过代码实现简单的按钮和表格样式,并介绍相关的验证样式,以提升用户体验。 首先,我们来看按钮。按钮在HTML中通常使用`&lt;button&gt;`或`&lt;input type="button"&gt;`标签创建。为了美化按钮,我们可以...

    含钙的UWP表格验证

    "含钙的UWP表格验证"是一个专为XAML(Extensible Application Markup Language)应用程序设计的验证框架,它允许开发者实现同步和异步的表单验证。这个框架的名称可能来源于“Calcium”,一种化学元素,这里可能是...

    form-validation:带有要求的表格验证

    在IT行业中,表格验证是网页应用开发中不可或缺的一部分,特别是在用户输入数据时,确保数据的准确性和完整性至关重要。"form-validation:带有要求的表格验证"这个主题主要关注如何使用JavaScript来实现这一功能。...

    CS321_FormValidation:第3组表格验证项目

    【CS321表格验证项目】是针对计算机科学321课程的一项实践任务,主要目标是实现一个基于HTML、CSS和JavaScript的表格数据验证系统。这个项目旨在教授学生如何使用前端技术来创建交互式网页,确保用户输入的数据符合...

    html+css+script 简单表格

    - 表格验证,检查用户输入的数据是否符合规则 - 事件监听,如点击单元格时触发特定操作 提到的 "formCheck.html" 文件可能是一个包含表格和相关JavaScript交互的示例网页。通过分析这个文件,我们可以了解如何将...

    HTML货币格式设置:使用模拟购买的烹饪设备,展示将货币格式和计算应用于订单总额,以及通过信用卡购买进行表格验证

    接下来,我们关注信用卡购买的表格验证。HTML表单是收集用户输入的重要手段,而验证则是确保数据有效性的关键步骤。在HTML5中,我们可以利用内置的表单验证属性,如`pattern`来验证信用卡号的格式。例如,一个简单的...

    按钮 表格 表单验证

    在网页设计和开发中,按钮、表格和表单验证是三个关键元素,它们共同构建了用户与网站交互的基础。下面将详细阐述这三个方面的知识。 首先,我们来看“按钮”。按钮在网页中扮演着触发动作的角色,它允许用户执行...

    bs表单验证

    Bootstrap表格验证是一个重要的前端开发工具,它主要用于提升用户体验,确保用户在交互式表单中输入的数据是完整且正确的。Bootstrap是世界上最受欢迎的HTML、CSS和JS框架,用于开发响应式布局和移动设备优先的Web...

    excel版统一社会信用代码验证器

    本工具按《GB 32100-2015 法人和其他组织统一社会信用代码编码规则》编写,输入统一社会信用代码即可验证

    ant-design-vue 实现表格内部字段验证功能

    作者在内容中提及,尽管ant-design-vue官网没有直接介绍表格内部字段验证的方案,但是提供了自行处理表单数据的方法,通过结合表单项组件的特性,可以实现表格内字段验证的需求。这一点强调了组件库的灵活性和可扩展...

    万能的非空验证~~~

    万能的非空验证,而不需要一个个去手动对表格验证~~

    Ajax 验证和Struts2

    ### 一、网络表格验证的重要性 网络应用程序通常需要用户输入各种类型的数据,这些数据的范围可以从简单的用户名和密码到复杂的表格数据及其关联字段。**验证网络表格输入**是一项极其重要的任务,它通常比实现数据...

    验证表格-使用HTM-CSS-JAVASCRIPT:验证表格

    本主题将深入探讨如何使用HTML、CSS和JavaScript来创建一个功能完善的表格验证系统。 **HTML(超文本标记语言)**是网页的基础,用于构建网页结构。在创建验证表格时,我们需要定义各种表单元素,如`&lt;form&gt;`、`...

Global site tag (gtag.js) - Google Analytics