`

表格验证

    博客分类:
  • 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来实现这一功能。...

    (完整word版)Excel电子表格检验记录验证方案.doc

    小组成员则需要具备扎实的Excel操作技能,并能够准确识别和评估可能的风险点,参与电子表格验证和风险控制措施的制定。此外,设计人员需负责电子表格功能的设计和详细信息的提供,确保电子表格的功能与实验室需求相...

    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官网没有直接介绍表格内部字段验证的方案,但是提供了自行处理表单数据的方法,通过结合表单项组件的特性,可以实现表格内字段验证的需求。这一点强调了组件库的灵活性和可扩展...

    js验证表单大全

    在网页开发中,JavaScript(简称JS)是一种必不可少的脚本语言,它被广泛用于实现客户端的交互和数据验证。"js验证表单大全"通常指的是一个集合,包含了各种常见的JavaScript表单验证方法和示例,旨在帮助开发者创建...

    万能的非空验证~~~

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

Global site tag (gtag.js) - Google Analytics